原生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:键盘的编码

你可能感兴趣的:(原生js的事件,DOM节点的操作及其event对象属性含义)