JS和jQ的总结--事件

下面的总结可能存在很多疏漏之处，之后慢慢完善~

**事件** 当以下情况发生时，出现此事件 JS句柄 jQ事件 图像加载被中断 onabort 元素失去焦点 onblur blur() 用户改变域的内容 onchange change() 鼠标点击某个对象 onclick click() 鼠标双击某个对象 ondblclick dblclick() 当加载文档或图像时发生某个错误 onerror error() 元素获得焦点 onfocus focus() 某个键盘的键被按下 onkeydown keydown() 某个键盘的键被按下或按住 onkeypress keypress() 某个键盘的键被松开 onkeyup keyup() 某个页面或图像被完成加载 onload load() 某个鼠标按键被按下 onmousedown mousedown() 鼠标被移动 onmousemove mousemove() 鼠标从某元素移开 onmouseout mouseout() 鼠标被移到某元素之上 onmouseover mouseover() 某个鼠标按键被松开 onmouseup mouseup() 重置按钮被点击 onreset 窗口或框架被调整尺寸 onresize resize() 文本被选定 onselect select() 提交按钮被点击 onsubmit submit() 用户退出页面 onunload unload() 监听滚动 onscroll scroll() 鼠标指针穿过元素时 onmouseenter（仅IE下） mouseenter() 当鼠标指针离开元素时 onmouseleave（仅IE下） mouseleave()

**属性** JS jQ 返回当事件被触发时，”ALT” 是否被按下。 altKey 返回当事件被触发时，哪个鼠标按钮被点击。 button 返回当事件被触发时，鼠标指针的水平坐标。 clientX pageX 注意区别 返回当事件被触发时，鼠标指针的垂直坐标。 clientY pageY 注意区别 返回当事件被触发时，”CTRL” 键是否被按下。 ctrlKey 返回当事件被触发时，”meta” 键是否被按下。 metaKey 返回与事件的目标节点相关的节点。 relatedTarget 返回当某个事件被触发时，鼠标指针的水平坐标。 screenX 返回当某个事件被触发时，鼠标指针的垂直坐标。 screenY 返回当事件被触发时，”SHIFT” 键是否被按下。 shiftKey

**属性/方法** 例子 JS jQ 阻止事件的默认动作。 preventDefault() preventDefault() 向匹配元素附加一个或更多事件处理器 attachEvent()/addEventListener() bind()/on()/delegate() 取消绑定 removeEventListener()/detachEvent() unbind() 获取 innerHTML html()/text()/val() 创建元素 document.createElement() $(“

动态创建的div

“) 创建文本节点 document.createTextNode() 插入节点 element.appendChild(para); append() prepend() after()/before() 删除自身节点 —— remove() $(“p”).remove(“.italic”);可过滤 删除子节点 parent.removeChild(child); empty() $(“#div1”).empty();