js常用的事件

西瓜爱打字

于 2022-05-14 10:30:12 发布

阅读量163

点赞数

文章标签： javascript html html5

本文链接：https://blog.csdn.net/m0_59226489/article/details/124764853

版权

本文详细介绍了JavaScript中常用的基础方法、点击事件、鼠标事件、键盘事件、节点操作、事件委托、BOM对象以及本地存储的相关知识，包括事件监听、DOM属性、节点创建与删除、事件对象属性以及页面尺寸变化、URL操作等。

摘要由CSDN通过智能技术生成

基础方法----------------------
substr(‘起点位置’，截取几个)；
split('=')等号分割字符串
点击事件-----------------------------
onfocus 获得点击焦点时间，当文本被获取时就触发
onblur 失去焦点时触发
mousemove 鼠标移动时触发
mouseover 鼠标滑过事件
mousedown事件仅需要按键被按下，而不需要松开即可发生。
mouseup 鼠标松开事件
scroll滚动事件
contextmenu 点击右键触发，selectstart鼠标选择文字触发，搭配e.preventDefault();可禁止菜单
例子：document.addEventDefault('contextmenu',function(e){
e.preventDefault()
})
鼠标事件--------------------------------------
e.clientX 相对于浏览器窗口可视化的x坐标
e.clientY 相对于浏览器窗口可视化的y坐标
e.pageX 相对于文档页面的x坐标
e.pageY 相对于文档页面的y坐标
属性.pageYOffset 获取整个页面被卷曲的部分
e.screenX 相对于屏幕的x坐标
e.screenY 相对于屏幕的y坐标
键盘事件----------------------------
onkeyup 点击松开触发
onkeydown 按下立即触发
onkeypress 按下立即触发，但是不识别功能键，Ctrl，shift
e.keyCode 获得按键的ASCII