DOM的事件、节点及其Event事件

一、DOM节点

appendChild()向节点添加最后一个子节点

insertBefore()在已有的子节点前插入一个新的子节点。

removeChild()用于移除节点

replaceChild()用于替换节点

createElement() //创建一个元素节点

createTextNode() //创建一个文本节点

createAttribute()//创建属性节点

二、ON事件

onload事件一张页面或一幅图像完成加载。

onblur事件

失去焦点

onfocus事件得到焦点

onselect事件在文本框被选中时发生

onchange事件在域的内容改变时发生

onreset事件在域的内容改变时发生

onsubmit事件在表单按钮被点击时发生

onclick：在对象被点击时发生

onresize：在窗口或框架被调整大小时发生

onmouseover：事件会在鼠标指针移动到指定的对象上时发生。

onmouseout：事件会在鼠标指针移出指定的对象时发生。

onmousedown：事件会在鼠标按键被按下时发生。

onmouseup：事件会在鼠标按键被松开时发生。

onkeydown：事件会在用户按下一个键盘按键时发生。

onkeyup：事件会在键盘按键被松开时发生。

onkeypress:事件会在键盘按键被按下并释放一个键时发生。

三、EVENT事件

addEventListener()添加事件

removeEventListener()移除事件

event.clientX、event.clientY：鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标）

event.offsetX、event.offsetY:鼠标相对于事件源元素（触发事件的元素）的X,Y坐标

event.stopPropagation()阻止事件冒泡捕获

event.preventDefault()阻止默认事件