相关疑难解决方法(0)

addEventListener vs onclick

addEventListener和之间有什么区别onclick

var h = document.getElementById("a");
h.onclick = dothing1;
h.addEventListener("click", dothing2);
Run Code Online (Sandbox Code Playgroud)

上面的代码一起存在于一个单独的.js文件中,它们都完美地工作.

javascript onclick addeventlistener

642
推荐指数
10
解决办法
50万
查看次数

为什么在这个简单的addEventListener函数之后使用'false'?

最后的错误是什么?谢谢.

window.addEventListener('load', function() {
  alert("All done");
}, false);
Run Code Online (Sandbox Code Playgroud)

javascript

75
推荐指数
3
解决办法
3万
查看次数

Scala.js:使用addEventListener向对象添加事件

在JavaScript中,addEventListener()方法使用如下:

object.addEventListener("click", myScript);
Run Code Online (Sandbox Code Playgroud)

在Scala.js中:我有一个画布,我想只听画布上的点击,而不是整个文档.在Scala.js.dom库中,addEventListener定义为:

 def addEventListener(`type`: String, listener: js.Function1[Event, _], useCapture: Boolean = ???): Unit = ???
Run Code Online (Sandbox Code Playgroud)

我不确定"useCapture"是指什么.但我试过:

dom.document.getElementById("canvas").addEventListener("click", {
(e:dom.MouseEvent) => { /*do something*/ }
}, false)
Run Code Online (Sandbox Code Playgroud)

我得到的错误信息:

found   : org.scalajs.dom.MouseEvent => Unit
required: scala.scalajs.js.Function1[org.scalajs.dom.Event, _]
Run Code Online (Sandbox Code Playgroud)

有人可以解释"useCapture"引用的内容,以及如何在Scala.js中正确使用addEventListener吗?

javascript addeventlistener scala.js

7
推荐指数
1
解决办法
3394
查看次数

在任何单击事件处理程序之前调用函数

嗨,我想每次在任何单击事件处理程序方法之前调用一个函数。我知道,在单击处理程序方法中,我可以先调用我的函数,但这很麻烦,因为我必须在很多地方执行此操作,而且我必须牢记任何未来的单击事件。

javascript jquery

6
推荐指数
2
解决办法
2万
查看次数

使用 vanilla JavaScript 的 mouseenter 委托?

如何为mouseenter事件实现事件委托?

我正在寻找与此 jQuery 代码等效的代码,但无法理解 jQuery 如何在内部执行此操作:

$(document).on('mouseenter', '.demo', foo);
Run Code Online (Sandbox Code Playgroud)

我已经看到了关于它的另一个问题,但没有提供适当的解决方案。

我还阅读了有关 mouseenter和委托的Mozilla 文档,除了说它与任何浏览器都不兼容之外,他们提供的示例在 JS 控制台上抛出错误并且不起作用。

我还检查了这个 codepen,它也不适用于 Chrome(没有尝试其他浏览器)。

任何的想法?

到目前为止,这就是我正在尝试的,但target元素似乎总是冒泡:

document.addEventListener('mouseenter', function(e) {
    console.log('==============================');
    console.log(e.currentTarget); //document
    console.log(e.target); //document 
    console.log(e.relatedTarget); //nothing
    console.log(e.handleObj); //nothing
});
Run Code Online (Sandbox Code Playgroud)

你可以在这个 jsfiddle 中使用它。

javascript mouseenter event-delegation dom-events

6
推荐指数
1
解决办法
1680
查看次数

object.addEventListener的useCapture参数的目的是什么?

我试图了解在Internet Explorer中添加addEventListener时的行为truefalse做法.根据微软的说法useCapture.如果我添加一个事件,例如:

element.addEventListener('click', function_name, true);
Run Code Online (Sandbox Code Playgroud)

它似乎没有改变任何东西,听众仍然有效.有谁能解释useCapture参数的目的吗?

javascript internet-explorer addeventlistener

3
推荐指数
1
解决办法
7596
查看次数