Click事件侦听器中未定义的变量
在Click事件侦听器中未定义的变量是指在处理Click事件时，使用了一个未定义的变量。这种情况通常会导致代码执行错误或产生意外的结果。
解决这个问题的方法是确保在使用变量之前，先进行定义或初始化。可以通过以下几种方式来解决：
- 检查变量是否正确定义：在使用变量之前，确保变量已经在当前作用域中定义。如果变量是在其他地方定义的，可以通过引入或导入的方式将其引入到当前作用域中。
- 初始化变量：如果变量需要在Click事件处理程序中使用，但是在事件触发之前还没有值，可以在事件处理程序之前对变量进行初始化。这样可以避免未定义的变量错误。
- 使用闭包：如果变量需要在Click事件处理程序中保持其状态，可以使用闭包来保存变量的值。通过将变量定义在外部函数中，并在内部函数中引用该变量，可以确保变量在事件处理程序中始终可用。
- 使用事件参数：在Click事件处理程序中，可以通过事件参数来获取相关的信息。事件参数通常包含了与事件相关的数据，可以通过访问事件参数来获取所需的变量值，而不需要在事件处理程序中定义额外的变量。
总结起来，解决Click事件侦听器中未定义的变量的问题，需要确保变量在使用之前已经定义或初始化，并且在事件处理程序中正确地引用变量。这样可以避免未定义的变量错误，并确保代码的正确执行。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
将DOM引用保存在呈现器类之外
、、、、
我是电子+打字的新手，所以请容忍我。
目前，我只是在测试我能在电子里面做什么。
问题:我想在渲染器之外操作DOM元素。我向test.js中的函数传递添加事件侦听器作为参数的按钮。此Evenlistener侦听“单击”事件，该事件将console.log按钮已按下。效果很好。
现在我添加一个Textarea。我也将它作为参数传递，并在测试中保存对它的引用。在Click上，调用一个函数，该函数使用对textArea的引用来console.log textArea的文本。
问题: textArea引用是在我添加的事件侦听器函数中定义的，但在此函数之外它是未定义的。为什么，我能做些什么来解决这个问题？
浏览 0提问于2019-05-15得票数 0
回答已采纳
我在按钮中添加了一个事件侦听器，并给它分配了一个变量。然而，它并没有发挥作用。控制台一直在显示未定义的内容，同时没有代码问题，这使得找出问题变得很复杂。
这是html标记：
<button value="button" id="myBtn">Click to See</button>
下面是按钮在单击时调用函数"action“的JavaScript声明：
var btn = document.getElementById("myBtn").addEventListener("click", acti
浏览 9提问于2022-11-07得票数 -1
我正在构建一个基于javascript的游戏，它的地图被划分在各个地区。对于每个区域，游戏检查某些条件，如果满足，则向该区域添加一个单击函数。这将产生以下代码：
for (var ter = 0; ter < territoryStateInfo.length; ter++) {
for (var adjacent = 0; adjacent < territoryStateInfo[ter].adjacentTer.length; adjacent++) {
var tempAdjID = territoryStateInfo[ter].adjacentT
浏览 2提问于2017-03-17得票数 1
回答已采纳
1回答
我正尝试将ActionScript 3作为我的第一种编程语言(在此之前，我只使用了一些小的语言)。
我有这样的代码：
package
{
import flash.display.Bitmap;
import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.text.TextField;
/**
* ...
* @author Mattia Del Franco
*/
浏览 1提问于2014-10-12得票数 0
回答已采纳
4回答
我是JavaScript语言的新手，所以请帮助我理解我在这个问题上出了什么问题。当单击列表项时，我正在尝试切换已完成的类，。但我得到了“未定义的TypeError:无法读取属性'classList‘的未定义的HTMLLIElement”错误。
var li = document.querySelectorAll("li");
for (var i = 0; i < li.length; i++) {
li[i].addEventListener("click", function() {
li[i].classList.toggl
浏览 0提问于2018-07-02得票数 1
回答已采纳
我有一个名为"onClickCard“的二维图像数组，
我想要做的是，每当我单击2d数组中的一个图像时，我就会将名为" click“的变量增加1。
运行以下命令：
var click = 0;
var click=onclick.click+1
我刚收到一个控制台错误，上面写着"Uncaught : read read property 'click‘of null: onClickCard，onclick“
编辑：
我尝试了以下建议
var click = 0;
window.onclick=function(){click ++;}
而每次
浏览 2提问于2013-09-27得票数 0
因此，在google maps api中，我在地图上添加信息窗口时遇到了问题。
标记工作得很好，所以我不打算粘贴代码，但不能工作的是信息窗口。我可以让信息窗口加载像"hi“这样的东西，但是当我想要访问一个我在函数外部声明的对象时，它会说它是未定义的。
google.maps.event.addListener(marker,'click',function(javascriptLocations){
info.setContent(javascriptLocations[i]["name"]);
info.open(worldMap,th
浏览 0提问于2014-07-11得票数 0
我四处看看如何使用javascript从输入框中抓取文本，所有的帖子都说要使用.value，然而，我总是得到“未定义”。我认为问题在于，当我使用.value时，它会在输入标记中查找值=“”，而当它看到没有任何值时，就会返回“未定义”
我试图抓取用户所写的文本，并将其置于警报中。
HTML：
<input id='myText' type="text">
<input id = 'bot'type="button" value="Click Me">
联署材料：
var textValue =
浏览 0提问于2017-04-15得票数 1
回答已采纳
目前，我有一个bounds_changed侦听器，它清除标记覆盖，然后在地图边界内重新创建标记。
但是，每当单击标记并移动地图时，信息窗口都不会显示。因为它已经被抹去了。如何将if语句添加到下面的语句中，该语句将检测是否完成了对标记的单击，如果是，则不执行任何其他操作，即clearOverlays和createMarkers。
google.maps.event.addListener(map, 'bounds_changed', function() {
//alert(map.getBounds());
clearOverlays();
浏览 0提问于2012-06-21得票数 1
回答已采纳
1回答
我遇到了一个问题，D3.js中的d参数返回undefined。这是我现在的代码
const buttons = d3.select("body")
.data(countries)
.enter()
.append("button")
.text((d) => { return d.location; }) // returns name location
.attr("value", (d) => { return d.location; }) // returns name l
浏览 2提问于2020-10-19得票数 1
回答已采纳
我想保存我的HTML页面的大量数据，所以我编写了两个函数，第一个函数是打开页面，并在一个时间范围内关闭它们。
function allsave(){
//For getting all the links inside variable
var list = document.getElementById("tableData").getElementsByTagName('a');
var i;
for(i=0;i<list.length;i++){
const tab = window.open(list[i], "_b
浏览 0提问于2018-07-15得票数 1
回答已采纳
1回答
基本上，我尝试将列表项移动到另一个列表中，然后使用click事件将它们返回。
只需简单的HTML：
Unchoosen: <br>
<ul id="unchosen"></ul>
Choosen: <br>
<ul id="chosen"></ul>
<script src="app.js"></script>
这是app.js
const unchosenList = document.querySelector('#unchosen&#
浏览 1提问于2020-06-10得票数 0
每次按下按钮，我都会尝试创建一个数组并将数据存储在数组中。
const allButtonsToStore = document.getElementsByClassName("button");
let reason = [];
for (x=0; x < allButtonsToStore.length; x++) {
allButtonsToStore[x].addEventListener("click", function(){
/*reason.push([x]); not working*/
reason[x] = thi
浏览 0提问于2020-02-04得票数 0
回答已采纳
哪一个更支持还是更适合使用，为什么？
作为一个例子：
在html标记中插入javascript，如下所示：
Html：<input type="button" value="click" onclick="doFunction()" />
像这样叫这个函数：
<script type="text/javascript">
function doFunction()
{
alert("Hello World");
}
</script>
或者只需这
浏览 3提问于2013-05-16得票数 1
回答已采纳
为什么在下面的代码中两者都是：
this.fadeTime
that.fadeTime
未定义，那么在Javascript类中保存这样的内部变量的最好方法是什么？
var SITE = SITE || {};
SITE.initialize = function() {
var fadeTime = 100;
that = this;
$('li#linkHome').click(function() {
resetPageLinks();
$('li#linkHome').addClass('
浏览 0提问于2013-05-30得票数 0
回答已采纳
正如标题所说，我正在尝试让setAnswer()函数在单击带有.btnAnswer类的按钮时返回true，否则返回false。然后将返回的值传递给showHideAnswer()函数，并将该值用于逻辑。这看起来相当简单，我不确定我错在哪里。我用.NET编写了很多代码，对于使用Javascript函数还是个新手。我确信这是一件容易的事情！
//On partial page load
function pageLoad(sender, args) {
if (args.get_isPartialLoad()) {
showHideAnswers(setAnswer
浏览 0提问于2013-08-30得票数 0
回答已采纳
我试着用一个函数来做多个按钮。我有一个循环，对于单击的每个按钮，我想向元素中添加一个特定的类。
for (let i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", openAside);
}
function openAside() {
document.querySelectorAll("#overlay").classList.add("active");
}
但出于某种原因
无法在HTMLDivElement.openAsid
浏览 1提问于2020-07-20得票数 0
我正在尝试创建一个水平滚动容器。在确切的情况下，我需要从单击还原e.preventDefault()；。
我尝试了很多选择，更改option语句中的'window.location.href‘似乎是一个很好的选择。但我不知道如何从点击的链接中抓取href。
任何想法都可以帮助实现我的目标。:)
slider.addEventListener('mouseup', () => {
isDown = false;
// Disable click event (for ever unfortunately)
if(moved === true
浏览 3提问于2019-10-07得票数 3
回答已采纳
1回答
'use strict'
let turn =1;
let countx = 0;
let counto = 0;
function addx(id){
document.getElementById(id).innerHTML = '<p>x</p>';
turn = 0;
newclick();
countx++;
checkWin();
}
function addo(id){
document.getElementById(id).innerHTML = '<p>
浏览 1提问于2021-08-24得票数 1
回答已采纳
所以我最近在做一个关于摇滚剪刀游戏的项目。我陷入了一个问题，当我单击三个按钮中的一个(即岩石、纸或剪刀)时，addEventListener确实能工作，但我要作为参数传递给事件侦听器的函数的实际参数之一“控制台表示它是未定义的”。
我只想在单击该按钮时，将该按钮的值传递给我所说的这个参数。
const rock = document.querySelector('.rock');
const paper = document.querySelector('.paper');
const scissors = document.querySelector(&#
浏览 14提问于2022-06-17得票数 0
回答已采纳
1回答
我有一个锚，它有一个粗体的文本和一个ng单击事件的角度。在控制器中，我想得到属性href，但是我遇到了一个问题。如果我不将粗体标记放置在锚内，因为event.target将目标目录定位为锚，但如果在文本上放置粗体标记，则(event.target)将不会锁定目标，而是将目标定位到粗体标记。
我试过了，但结果仍然是未定义的
<div ng-app="miniapp">
<div ng-controller="Ctrl">
<a ng-click="clickEvent($event)"
浏览 5提问于2014-11-11得票数 0
回答已采纳
只要我限制自己只选择一个ID，这段代码就会正确运行。问题是，当我使用getElementsByClassName对整个类应用相同的单击函数时，我得到的样式是未定义的……我试过不同的方法，但都不管用。我把两个版本的代码都放在这里了。第一个有效，第二个无效。是不是有什么我看不到的地方？
我把两个版本的代码都放在这里了。第一个有效，第二个无效。是不是有什么我看不到的地方？
这是第一个版本，将在单个元素上工作：
var cardTitle = document.getElementById("testCard");
var cardBackground = document.getEl
浏览 0提问于2019-09-06得票数 0
2回答
<template is="dom-repeat" items="{{myItems}}">
<div on-click="{{ComputedBindingFunction(item)}}">Foo</div>
</template>
这将产生一个错误，即：
未定义侦听器方法{{ComputedBindingFunction(item)}}
不应该执行这个函数，而不是按照{{}}的on-click按字面意思将函数名附加到。
注意，ComputedBindingFunction返回一
浏览 3提问于2015-06-15得票数 12
回答已采纳
我有一个javascrpt onclick函数，但它表示变量是未定义的，onclick来自一个标记。
<a href="#" title="Click to select" rowno="'+NROW+'" name="'+NAME+'" onClick="remname(rowno,name);"></a>
我听到一个错误：“rowno”是未定义的
但是，只有在IE11 IE7中才会发生这种情况，并且将运行该函数。
javascript：
funct
浏览 1提问于2015-09-10得票数 0
回答已采纳
我试图使用一个对象，我正在创建一个按钮单击事件。该对象在后面的代码中可用。最后一个控制台语句打印未定义的。如何返回对象以供稍后在代码中使用？谢谢。
const btn = document.getElementById('btn');
// Use IIFE to get human data from form
var getUserData = (
function () {
function getInput() {
let formContainer = document.getElementsByClassNam
浏览 1提问于2020-09-09得票数 0
回答已采纳
1回答
我有以下代码。我面临着在警报中接收未定义的问题。有人知道为什么吗？ <div><button class='hello' value='hello1'>Show</button></div>
viewer.infoBox.frame.addEventListener('load', function() {
// Now that the description is loaded, register a click listener inside
浏览 11提问于2020-06-20得票数 0
在我的应用程序中，我有一个甚至可以点击的按钮：
<button class="btn btn-default" (click)="doSomething()">
在doSomething方法中，有没有办法从按钮中删除(click)事件(这样用户就不能再触发功能了？)
我试图在按钮上设置一个禁用的道具，但它不会改变Angular2的行为。
我试着使用(click)="doSomething($event)，然后
doSomething($event) {
// My method logic goes here
...
...
浏览 2提问于2017-01-03得票数 6
我有一个脚本，我想包装它以避免冲突的作用域，但是当我包装它时，在模板文字中的onclick不起作用。抛出一个错误，说明函数未定义。 (function () {
function fillElement() {
var body = `
<button onclick = "alertSomething()">Click Me</button>
`;
document.getElementById("fillMe&
浏览 19提问于2021-02-02得票数 0
回答已采纳
1回答
当我按角度点击地图时，我试图得到坐标，但是事件返回未定义的。这是我的密码
HTML
<div id="map" (click)="getCoords($event)"></div>
TS
getCoords(e){
console.log(e.lngLat); // undefined
}
浏览 3提问于2020-07-22得票数 1
回答已采纳
我正在为WordPress构建一个Google插件，注册/登录用户可以在该插件上放置新的标记。
在我的initMap回调函数中，我有以下函数，当用户单击地图时注册：
google.maps.event.addListener
map.addListener('click', function(e) {
placeMarkerAndPanTo(e.latLng, map);
});
function placeMarkerAndPanTo(latLng, map) {
// logged only once
console.log('Map is
浏览 1提问于2016-07-29得票数 1
回答已采纳
package
{
public class SomeClass
{
public var myBtn:Button ;
public function SomeClass()
{
myBtn.addEventListener( MouseEvent.CLICK, clickFunction) ;
}
function clickFunction(e:Event){
}
}
}
主类：
var someClass:SomeClass = new So
浏览 0提问于2012-12-12得票数 0
回答已采纳
我正在创建一个html页面，允许用户创建测试(然后将测试存储在数据库中)，还可以在ag-grid的一个实例中管理它们。每个部分使用不同的控制器-创建位使用testManager，网格使用testUITableManager。下面是html部分的要点：
<md-tab label="Create Test">
<md-content class="md-padding">
<div ng-controller="testManager">
浏览 12提问于2017-08-24得票数 1
经过几个小时的努力解决这个问题和阅读文档，我将放弃这一个。我来自C/C++背景，试图学习Javascript，我对DOM元素和对象之间的区别感到有点困惑。我以为我能理解，但是当我在对象上调用某些函数时，比如".addEventListener()“，我得到了著名的”未定义函数不是函数“错误，还有其他一些有趣的事情。因此，这里有两次使用SVG.js的尝试。我基本上只是尝试在SVG画布中生成的每个形状中添加一个事件侦听器，这样当单击任何形状时，它都会改变颜色，而不依赖于所有其他形状。
一个给了我“未定义的.”在add事件侦听器行上，我用第二个版本解决了这个问题，但现在我得到了“未定义的.”
浏览 3提问于2015-06-30得票数 2
回答已采纳
1回答
我正在研究一个概念的证明，它描述了svg元素中的一些圆圈，当我单击svg元素时，这个元素会移动和改变颜色。一切都很好。我还想添加一个鼠标事件，例如，将圆圈的颜色更改为红色。这也奏效了。
然而，当我更新圆圈的位置/颜色(这些是随机生成的值)时，mouseover事件就消失了。我认为这是因为d3用新的循环替换了旧的循环，并且我没有在update函数中定义mouseover事件侦听器，所以我只是从‘初始化’代码中复制了它。但后来发生了一些奇怪的事情。我在控制台中得到了一个“未定义的TypeError:未定义的函数”，并且事件侦听器没有工作。这是代码：
svg2.on("click",
浏览 5提问于2014-04-17得票数 0
回答已采纳
我需要在Google Tagmanager中的一个变量，它返回一个被点击的类的innerhtml。因为这个类有更多的元素，所以我必须向这些类添加一个事件侦听器，并返回单击的元素的innerhtml。
不幸的是，我的代码总是返回'undefined‘。
document.querySelectorAll(".myclass").foreach(function (item) {
item.addEventListener("click", function(event) {
return event.innerHTML;
})
})
浏览 2提问于2021-09-17得票数 0
在eventListener内部无法识别迭代器。请帮我做同样的事。
var colors = ["rgb(255, 255, 0)","rgb(255, 0, 0)","rgb(255, 0, 255)","rgb(255, 120, 0)","rgb(255, 255, 255)","rgb(0, 0, 0)"];
const sq = document.querySelectorAll(".square");
const pick = "rgb(255, 0, 0)
浏览 4提问于2021-09-26得票数 0
1回答
请参阅fiddle
在这里，通过单击第一个文本字段的'click‘链接，将显示日期选择器。通过选择日期，它将填充在文本字段中。然后单击第一个文本字段，(日期+7天)将填充到下一个文本字段中。
当我选择date from date选择器时，我想填充它。
即，通过选择第一个文本字段的日期，date+7 days将自动填充到下一个字段中。如何实现这一点。
请帮帮我。
浏览 2提问于2012-06-20得票数 0
回答已采纳
1回答
我有一个使用自定义元素类的自定义按钮：
class Button extends HTMLElement {
connectedCallback() {
document.addEventListener('click', this.reusableClickHandler)
}
disconnectedCallback() {
document.removeEventListener('click', this.reusableClickHandler)
}
reusableClick
浏览 0提问于2020-05-05得票数 0
回答已采纳
我的问题是，当我想在一个事件中调用一个函数时，单击两个id，错误是TypeError: e是未定义的。
这里的代码：
function slide(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
};
$("#menu-toggle").click(slide());
$("#menu").slide();
浏览 0提问于2018-03-02得票数 0
回答已采纳
我从我的火力基地得到数据
//user balance check
var balanceRef = new Firebase('https://****.firebaseIO.com/arcade/grabbit/'+category+'/'+brand+'/'+gameId+'/'+'activePlayers'+'/'+userId+'/');
下面是获取数据的函数
//check user balance
function checkBalance(){
balan
浏览 5提问于2013-10-04得票数 1
回答已采纳
当我试图向类添加事件侦听器时，遇到了一个问题。
基本上，我希望它在单击类“col”时执行一些JS代码。
document.getElementByClassName("col").addEventListener("click", randomOutput);
function randomOutput(){
alert("Test");
}
它不是实际执行randomOutput函数，而是抛出一个错误。“未定义不是函数”。
浏览 3提问于2014-10-24得票数 0
回答已采纳
我正在尝试从这样的函数中向Flex4应用程序中的组添加一个按钮；
public function addButton(myID:Number):void {
var myButton:Button = new Button();
myButton.id = ObjectUtil.toString(myID);
myButton.label = "New Button "+myButton.id;
myButton.click= textAlerter(myID);
myGroup3.addElement(myButton);
浏览 0提问于2011-03-25得票数 1
我正在尝试将menuSelected.textContent (这是我唯一的h4)更改为我从菜单中选择的选项的textContent。我得到了这个错误，我想知道我做错了什么。你们能帮帮我吗？谢谢。
我尝试过在循环之前设置menuSelected.textContent = menu[0].textContent，但是当我单击其他菜单(menu1、menu2等)时，它不会改变。
var menu = document.querySelectorAll(".menu a");
var menuSelected = document.querySelector("h4"
浏览 2提问于2019-06-27得票数 0
回答已采纳
1回答
在我的应用程序中，用户点击地图时会创建标记。所以像这样的代码：
function placeMarker(map, location) {
var marker = new google.maps.Marker({
position: location,
map: map
//other...
var infowindow = new google.maps.InfoWindow({
content: ballon.get(0)
});
ballon.find("#delete-b
浏览 0提问于2012-08-14得票数 1
回答已采纳
按下按钮后在函数中传递表格。如何使用所有数组选项(.shift)获得此效果我收到以下消息: app.js:13未捕获TypeError: arr.shift不是HTMLButtonElement.b (app.js:13)的函数 const btn = document.getElementById('id1');
btn.addEventListener('click', b)
function a() {
const arr = [1, 2, 3 , 4];
const btn = document.getElementById('
浏览 17提问于2021-11-10得票数 0
回答已采纳
这是我的按钮元素：
<button id="loginButton"
...
onclick="e.preventDefault(); return true;"/>
但是这种方法让我在登录按钮之后点击控制台中的错误：
未定义ReferenceError：e未定义
您知道如何修复我的按钮以避免控制台中的"e未定义“错误吗？
浏览 1提问于2020-10-26得票数 2
当我第一次调用editWorkout函数时，变量“editWorkout2”将在editWorkout2函数中传递，但是在第二次发生相同的事情时，但是在本例中，“健身”具有新的值，由于某种原因，这个值不会在editWorkout2函数中发生变化。我怎么才能解决呢？
function editWorkout(e, workout) {
e.stopImmediatePropagation();
saveBtn.addEventListener("click", function (e) {
console.log(workout);
editWorkout
浏览 11提问于2022-08-01得票数 1
2回答
一开始，我的stage是空的，我有一个空数组和一些全局变量，我的库中有两个影片剪辑:一个是触发器，第二个是触发器被激活时放在舞台上的影片剪辑(如果需要，可以是testdummy )。
var dummies:Array = [];
var i:int = 300;
var j:int = 500;
var k:int = 0;
然后，我将触发器的一个实例放在舞台上
var testaddbutton:AdditionButton = new AdditionButton();
addChild(testaddbutton);
testaddbutton.x = i;
testaddbutton
浏览 4提问于2012-01-04得票数 0
回答已采纳
1回答
有两个div与类.egg。用户应该单击他们想要更改背景颜色的div，然后单击div的新背景的颜色。总共两步。我编写了一个jQuery函数来捕获为背景更改而选择的div的id，然后将颜色转换为背景的id。除了选择新的div以改变背景色外，以前选择的div id仍然存储在名为clickedId的变量中。
为了解决这个问题，我在为所选的div更改了背景后设置了clickedId = '';。然而，当选择一个新的div时，它就不再工作了。控制台上写着Cannot read property 'style' of null。它看起来像是代码的第一部分，对于新的div选择，
浏览 2提问于2017-11-01得票数 0
回答已采纳
2回答
如果激活了以下监听器中的任何一个，它们都会被激活2^x次，其中x是其中任何一个被触发的次数。第一次它将运行2次，10次4，8，16等等。我错过了什么会不止一次触发它们？
$(document).on('click',"#post-ride",(function() {
addRide(currentDriver, $(destinationInput).val(), $(originInput).val(),$(dateInput).val(), $(timeInput).val());
console.log("add ride called&
浏览 3提问于2012-12-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
