Javascript Mouseup / Touchend eventListener变量未定义

Posted 2021-04-02

我试图将一个mouseup / touchend事件监听器附加到javascript中的div元素。我想传递一个变量（或两个）与事件，但变量保持返回未定义。

接收变量的函数

function test(e) {

var to = e.target.var1;

alert(to);

e.preventDefault();
return false;
}

用于添加侦听器的代码

var addEvent = document.getElementById( "testIdDiv" );
addEvent.addEventListener("mouseup", test, false);
addEvent.addEventListener("touchend", test, false);
addEvent.var1 = 'testVar';

变量继续以未定义的形式返回

我可以用什么方法调试这个问题？我不知道自己做错了什么。

我也尝试用变量附加变量

addEvent.setAttribute("var1", "testVar");

但它没有任何区别。我也尝试将所有代码包装在try块中，但它不会抛出除undefined变量之外的任何错误。我可以采取任何其他步骤来尝试隔离我的错误吗？

谢谢。

答案

重构这一点

function test(e) {

var to = document.getElementById("testIdDiv").var1;

alert(to);

e.preventDefault();
return false;
}