键盘事件,其他事件

onkeydown 按键按下事件

onkeypress 按键产生字符事件

onkeyup 按键弹起事件

e.keyCode 返回按键码

注意:注册事件是要加on,触发时不需要on

其他事件

阻止事件冒泡:默认情况下,触发子元素的事件时,会同时触发父元素相同的事件,这就叫做事件冒泡

e.stopPropagation()阻止事件冒泡

e.preventDefault()取消默认行为

添加事件的方式:

1.在元素中通过onXXX定义事件,指定一个事件方法

2.先获取元素,在给元素绑定事件

3.通过addEventListener方法,给元素注册事件,传递两个参数:事件名和事件方法

4.通过removeEventListener方法,移除指定事件的方法,传递两个参数:事件名和事件方法

页面加载事件

1.window.onload页面加载事件

页面的加载事件,该事件会在页面中的所有内容都加载完毕后执行

注意:所有内容包括:标签结构,样式文件,图片文件,音频文件,视频文件...如果网页内容过大,会导致该事件延迟执行

window.onload = function(){

    alert('页面加载完成!')

}

2.DOMContentLoaded页面加载事件

只要页面中的DOM结构加载完毕后,就会立即执行

注意:该事件只能采用事件监听方式添加,没有提供快捷方式

window.addEventListener('DOMContentLoaded',function(){

alert('页面结构加载完毕!')

})

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,758评论 1赞 11
  • 资源事件 beforeunload 事件 beforeunload事件在窗口、文档、各种资源将要卸载前触发。它可以...
    oWSQo阅读 751评论 0赞 1
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,959评论 0赞 4
  • 事件是什么,可以用来做什么,什么时候用到它? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScr...
    茂茂爱吃鱼阅读 1,629评论 0赞 16
  • 1.事件概述 1.1 什么是事件 事件是可以被 JS 检测到的行为,实质上是一种交互操作。例如:我们可以给某按钮添...
    青年心路阅读 397评论 0赞 0

友情链接更多精彩内容