原生js的事件,DOM节点的操作及其event对象属性含义

一、原生js事件

load:让一个画面完成加载

unload:在用户退出页面时发生

blur:失去焦点

focus:得到焦点

select:文本框选中时发生

change:在一个域内容改变时发生

reset:(重置)事件在域的内容改变时发生

submit

:(提交)事件在表单按钮被点击时发生

click:点击事件

dblclick:双击事件

mouseover:鼠标移动到指定的对象发生

mouseout:移出指定的对象发生

mousedown:鼠标按下时发生

mouseup:松开发生

mousemove:鼠标移上去时发生

keydown:按下键盘时发生

keyup:松开键盘时发生

二、DOM节点操作的方法

appendChild()添加最后一个节点

insertBofore()插入一个新的节点

replaceChild()替换节点

removeChild()移出节点

createElement()创建元素节点

createTextNode()文本节点

三、event对象属性

event.stopPropagation:阻止事件冒泡捕获

event.preventdefault:阻止默认事件

event.offsetX:点击点到div的距离

event.clientX:点击点浏览器的距离

event.screenX:点击点显示屏的距离

event.keyCode:键盘的编码

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

相关阅读更多精彩内容

  • 一、DOM节点 appendChild()向节点添加最后一个子节点 insertBefore()在已有的子节点前插...
    井皮皮阅读 594评论 0 1
  • 之前写过一篇浏览器事件的相关操作和事件运行的原理——JavaScript浏览器事件解析。这一篇主要写一些常用的事件...
    faremax阅读 1,714评论 0 0
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,708评论 2 10
  • 一盏清茗,二著黄卷,三四青烛堂上焰,五六笔走笺上思,七荤八素不知味,九回肠断念谁归,十里长亭送君去,百转千回催泪干...
    广陌阅读 652评论 1 4

友情链接更多精彩内容