jjzjj

addEventListener

全部标签

javascript - addEventListener() 作为全局函数

我只是陷入了困惑。如果假设我将addEventListener()实现为一个全局函数(不像像node.addEventListener()这样的某个特定节点的方法)那么它的行为就像一个普通的全局函数在执行最终成为某个特定节点的方法的代码时,函数或某些东西在引擎盖下注意:定义addEVentListener的DOM级别2规定处理程序注册到节点。那么它注册到哪个节点;窗口对象不是节点 最佳答案 它将应用于全局对象window(具有函数addEventListener)。因为:vara=5;console.log(a);console.l

javascript - 为什么 window.addEventListener 不起作用?

这个问题在这里已经有了答案:varfunctionName=function(){}vsfunctionfunctionName(){}(41个回答)关闭9年前。在window.onload事件中,我想要调用一个函数。如果我如下定义它,则不会调用该函数。try{window.addEventListener("load",initialiseTable,false);}catch(e){window.onload=initialiseTable;}varinitialiseTable=function(){console.log("helloworld!!");};但如果我将函数声明更

javascript - 使用 addEventListener 冒泡和捕获

我最近发现了使用javascript在DOM事件上冒泡和捕获之间的区别。现在我明白了它应该如何工作,但我发现了一个奇怪的情况,我想知道为什么会这样。根据Quirksmode,事件传播从捕获外部div开始,到达底部,然后向上冒泡到顶部。问题出在我开始做一些测试的时候。在第一个上,一切都按预期工作:ClickThis!!document.getElementById('out').addEventListener('click',function(){alert('captureout');},true);document.getElementById('in').addEventList

javascript - 如何通过类名分配一个javascript函数

我有多个按钮(由php生成)用于购物车应用程序:">Addtocart我想使用函数更新我的购物车:functionAddtoCart(){alert("Added!");}稍后,我想找到由调用它的按钮创建的ID($code)(也不知道该怎么做,但也许这是另一个问题)。所以我尝试了这个:document.getElementsByClassName("addtocart").addEventListener("click",AddtoCart());但它不起作用。它正在使用onclick工作,但我知道通过创建EventListener来实现它的正确方法。另外,我不能在jQuery中使用o

javascript - 你如何检测 CSS 动画何时以 JavaScript 开始和结束?

我习惯于使用JavaScript为元素设置动画。我发现用CSS3做起来更简单。如何使用JavaScript检测CSS动画何时开始以及何时结束?有什么办法吗? 最佳答案 将适当的事件绑定(bind)到元素,例如el.addEventListener("animationstart",function(){},false);el.addEventListener("animationend",function(){},false);el.addEventListener("animationiteration",function(){}

javascript - 是否已触发 window.onload 事件

我有一个小的javascript实用程序,它可以预加载、延迟加载或按需加载。当它启动时,它会向DOM添加一些内容。它是低优先级的,如果它是预加载的,它可以在运行之前等待onload事件触发,但如果它是延迟加载的,它可以继续并立即运行。目前,它正在检查页脚元素的ID是否存在,以确定是否应该将事件监听器添加到窗口onload事件或只是运行。例如if(document.getElementById("footer")){Init()}else{if(window.addEventListener){...}elseif(window.attachEvent){...}}虽然目前有效,但这显然

javascript - React 如何在 componentWillUnmount 中正确移除监听器,为什么我需要在构造函数中绑定(bind)?

我有点困惑,这个sintax有什么区别:constructor(props){super(props);this.state={openPane:false}this.togglePaneHelper=this.togglePaneHelper.bind(this);}componentDidMount(){document.body.addEventListener('click',this.togglePaneHelper);}componentWillUnmount(){document.body.removeEventListener('click',this.togglePa

javascript - 在普通 javascript 中不显眼的加载的最佳方式

在纯javascript中加载页面后调用某些内容的最佳不显眼方法是什么?当然在jquery中我会使用$(document).ready(function(){...});但我不确定纯js中最可靠的方法。清楚window.onload=...不是正确的解决方案,因为它会覆盖以前的声明。我想做的是在页面加载后将iframe插入到div中,但也许实际上有更好的方法来做这件事。我的计划是做类似的事情window.onload=function(divId){vardiv=document.getElementById(divId);div.innerHTML="";}编辑:为没有包括所有必要的

javascript - IE10 不处理点击事件 |帮助使用 MSPointer

请提前原谅我是一个愚蠢的菜鸟。无论如何,我正在尝试让我的html5游戏在IE10上玩,但它没有检测到我的点击。所以我稍微研究了一下,发现不是理解这意味着什么:document.getElementById("answer1").addEventListener("click",wrong,false);如果必须使用一些蹩脚的专有代码。因为我是一个愚蠢的菜鸟,所以我遇到了问题实现这一点。这是我目前拥有的document.getElementById("answer1").addEventListener("click",wrong,false);document.getElementBy

javascript - 检测应用程序重新聚焦事件

每次用户开始使用该应用程序时我都需要知道。情况1(正常):应用未启动。用户从头开始应用。我在应用程序的Bootstrap上添加了一个监听器,我知道它何时启动。案例2(TODO):应用已启动但不再处于事件状态用户从任务栏重新加载应用程序。我想知道应用程序何时从任务栏转到前台(如alt+tab)。这很难捕捉到,因为应用程序仍在运行,我不知道要监听哪个事件。事实上,我什至不知道如何命名这种行为。 最佳答案 在Cordova中有应用程序恢复和暂停事件,因此您无需编辑Cordova类文件。以下是我目前在iOS/Android应用程序中使用的工