JavaScript DOM常用事件实例分析

本篇内容介绍了“JavaScript DOM常用事件实例分析”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！1. 哪些元素可以监听键盘事件？① document② 可以获取焦点的元素（表单控件，尤其是可输入的元素）2. keydown 和 keypress 的区别？① keydown 所有的按键按下都可以触发，无法区分大小写按键。② keypress 只有可输入字符按键按下才可以触发，可以区分大小写按键。3. 如何获取按下的是哪个按键？使用 event 对象中的属性：evnet.keyCode 获取按键对应的 ascii 值event.which 同 keyCodeevent.key 获取按键的字符值。load 事件与 DOMContentLoaded 事件的区别：① load 事件是页面中所有的一切加载完毕才能触发，包括元素以及外部资源。② DOMContentLoaded 事件是页面中免费云主机、域名所有的元素加载完毕就可以触发，不包括外部资源。给事件的回调函数设置第一个形参，就可以获取 event 对象。不同类型的事件获取的 Event 对象类型也不同。在事件的回调函数中执行 event.stopPropagation()，就可以阻止冒泡。在事件的回调函数中调用 event.preventDefault() 即可阻止默认行为。注意： 如果使用第二种方式监听事件，在回调函数中 return false 同样可以阻止默认行为。事件监听到祖先元素上，判断目标元素，如果目标元素满足条件，就执行相关操作。事件委托的优势：对于给大量的元素监听相同的事件，使用事件委托比遍历挨个监听效率更好。利用事件委托可以让新增的元素也可以响应事件。“JavaScript DOM常用事件实例分析”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注云技术网站，小编将为大家输出更多高质量的实用文章！

相关推荐: es6暂时性死区指的是什么

这篇“es6暂时性死区指的是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“es6暂时性死区指的是什么”文章吧。 在es6中，暂时性死区是一个…