概述
下面的总结可能存在很多疏漏之处，之后慢慢完善~
| **事件** | ||
| 当以下情况发生时，出现此事件 | 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(); |
最后
以上就是安详招牌为你收集整理的JS和jQ的总结--事件的全部内容，希望文章能够帮你解决JS和jQ的总结--事件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复