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.prev免费云主机域名entDefault() 即可阻止默认行为。注意: 如果使用第二种方式监听事件,在回调函数中 return false 同样可以阻止默认行为。事件监听到祖先元素上,判断目标元素,如果目标元素满足条件,就执行相关操作。事件委托的优势:对于给大量的元素监听相同的事件,使用事件委托比遍历挨个监听效率更好。利用事件委托可以让新增的元素也可以响应事件。“JavaScript DOM常用事件实例分析”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用文章!

相关推荐: Vue.js怎么实现文件上传压缩优化

本篇内容介绍了“Vue.js怎么实现文件上传压缩优化”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!两种方法 :第1种是借助canvas的封装的文件压缩上传第2种…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/27 16:17
下一篇 03/27 16:18

相关推荐