Questions tagged «dom-events»

DOM(文档对象模型)事件允许事件驱动的编程语言在DOM树内的元素节点上注册各种事件处理程序/侦听器。

13
event.preventDefault()与返回false
Наэтотвопросестьответына 堆栈溢出нарусском:“preventDefault()方法” или “回归假”? 当我想阻止其他事件处理程序在触发某个事件后执行时,可以使用两种技术之一。我将在示例中使用jQuery,但这也适用于纯JS: 1。 event.preventDefault() $('a').click(function (e) { // custom handling here e.preventDefault(); }); 2。 return false $('a').click(function () { // custom handling here return false; }); 这两种停止事件传播的方法之间是否有显着差异? 对我来说,return false;它比执行方法更简单,更短并且更容易出错。使用该方法时,您必须记住正确的大小写,括号等。 另外,我必须在回调中定义第一个参数才能调用该方法。也许,出于某些原因,我应该避免这样做并preventDefault改为使用它?有什么更好的方法?



23
页面加载后如何使JavaScript执行?
我正在使用<script>inside 执行外部脚本<head>。 现在,由于脚本是在页面加载之前执行的,因此我无法访问<body>。在文档“加载”后(HTML已完全下载并在RAM中),我想执行一些JavaScript。执行脚本时,是否有任何我可以挂上的事件会在页面加载时触发?



13
开启-window.location.hash-更改了吗?
我正在使用Ajax和哈希进行导航。 有没有办法检查这种window.location.hash变化是否? http://example.com/blah #123到http://example.com/blah #456 如果我在加载文档时检查它,它将起作用。 但是,如果我具有基于#hash的导航,则在按浏览器上的“后退”按钮时将不起作用(因此,我从blah#456跳至blah#123)。 它显示在地址框中,但我无法用JavaScript捕获它。






12
onKeyPress与。onKeyUp和onKeyDown
这三个事件之间有什么区别?谷歌搜索后发现: 在onKeyDown当用户按下一个键触发事件。 在onKeyUp当用户释放一个键触发事件。 onKeyPress当用户按下并释放一个键(onKeyDown后跟onKeyUp)时,将触发该事件。 我了解前两个,但onKeyPress与onKeyUp?是否可以在onKeyUp不按()的情况下释放键(onKeyDown)? 这有点令人困惑,有人可以帮我解决这个问题吗?

14
等待5秒钟,然后执行下一行
下面的此功能无法正常运行。作为JS新手,我不知道为什么。 我需要等待5秒钟,然后再检查是否newState为-1。 目前,它不会等待,它会立即进行检查。 function stateChange(newState) { setTimeout('', 5000); if(newState == -1) { alert('VIDEO HAS STOPPED'); } }

9
无法理解addEventListener中的useCapture参数
我已阅读https://developer.mozilla.org/en/DOM/element.addEventListener上的文章,但无法理解useCapture属性。定义有: 如果为true,则useCapture指示用户希望启动捕获。启动捕获后,所有指定类型的事件都将分派给注册的侦听器,然后才分派给DOM树中其下的任何EventTarget。在树中冒泡的事件不会触发指定使用捕获的侦听器。 在此代码中,parent事件在child之前触发,因此我无法理解其行为。Document对象的usecapture为true,child div的usecapture设置为false,并且遵循了useuseture的文档。因此为什么document属性优先于child。 function load() { document.addEventListener("click", function() { alert("parent event"); }, true); document.getElementById("div1").addEventListener("click", function() { alert("child event"); }, false); } <body onload="load()"> <div id="div1">click me</div> </body> 运行代码段隐藏结果展开摘要

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.