javascript 触发事件列表
文章分类:Web前端
今天无意中看到一篇关于javascript触发事件的总结文章，看完后还真不知道有那么多的事件，copy下来以作‘留念’。
1.单击事件___onclick
用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.
如:<input type=”button” value=”打开页面” onlick=”window.open
(‘xxxx.html’,'newwindow’,'width=456,height=230,toolbar=no,menubar=no,scrollbars=yes’);”>
2.改变事件___onchange
当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.
如;<textarea name=”liuyan” rows=5 cols=70 value=” ” onchange=alert(“您在文本框中添加了新的内容”)
3.选中事件____onselect
当text或textarea对象中的文字被选中里会引发该事件
如:<ipnut type=”text” value=”默认信息” onselect=alert(“您选中了文本框中的文字”)>
4.获得焦点事件____onfocus
用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.
如:<select name=”zhengjian” onfocus=”alert(“我成为焦点”)>
5.失去焦点事件______onblur
失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.
6.载入文件事件____onload
当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在<body>标记中.
如:<body onload=alert(“正在加载页面,请等待…”)>
7.卸载文件事件____onunload
与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态
如:<body onunload=”confirm(“你确定要离开本页?”)>
8.鼠标覆盖事件 _____onmouseover
onmouseover是当鼠标位于元素上方时所引发的事件
如:<input type=”boutton” value=”按钮” onmouseover=”window.status=’请您注意下面的状态栏’; return true”>
9.鼠标离开事件_____onmouseout
onmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.
10.一般事件
ondbclick——鼠标双击事件
onMouseDown——鼠标上的按键被按下时激活的事件
onMouseUp——鼠标按下后,松开鼠标时触发的事件
onMouseOver——当鼠标移动到某对象范围的上方时触发的事件
onMouseMove——鼠标移动里触发的事件
onMouseOut——当鼠标离开某对象范围时触发的事件
onkeypress——当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象
onkeydown——当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象
onkeyup——当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象
11.页面相关事件
onabort——图片在下载时被用户中断
onbeforeunload——当前页面的内容将要被改变时触发的事件
onerror——捕捉当前页面因为某种原因而出现的错误,如脚本错误.
onmove——浏览器的窗口被移动里触发的事件
onresize——当浏览器的大小被改变时触发的事件
onscroll——浏览器的滚动条位置发生变化时触发的事件
onstop——浏览器的”停止”按钮被按下或者正在下载的文件被中断时触发的事件.
onUnload——当前页面将被改变时触发的事件
12. 表单相关事件
onBlur——当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange——当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus——当某个元素获得焦点时触发的事件
onreset——当表单中reset属性被激活时触发的事件.
onsubmit——一个表单被递交时触发的事件.
13.滚动字幕事件
onbounce——当marquee内的内容移动至marquee显示范围之外时触发的事件.
onfinish——当marquee元素完成需要显示的内容后触发的事件.
onstart——当marquee元素开始显示内容时触发的事件.
14.编辑事件.
onBeforeCopy——当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut——当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus——当前元素将要进入编辑状态
onBeforePaste——内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate——当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu——当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy——当页面当前的被选择内容被复制后触发的事件
onCut——当页面当前的被选择内容被剪切时触发的事件
onDrag——当某个对象被拖动时触发的事件 [活动事件]
onDragDrop——一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd——当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了
onDragEnter——当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave——当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver——当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart——当某对象将被拖动时触发的事件
onDrop——在一个拖动过程中，释放鼠标键时触发的事件
onLoseCapture——当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste——当内容被粘贴时触发的事件
onSelect——当文本内容被选择时的事件
onSelectStart——当文本内容选择将开始发生时触发的事件
15.数据绑定
onafterupdate——当数据完成由数据源到对象的传送时触发的事件
oncellchange——当数据来源发生变化时触发的事件
ondataavailable——当数据接收完成时触发的事件
ondatasetchanged——数据在数据源发生变化时触发的事件.
ondatasetcomplete——当数据源的全部有效数据读取完毕时触发的事件.
onerrorupdate——当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.
onrowenter——当前数据源的数据发生变化并且有新的有效数据时触发的事件.
onrowexit——当前数据源的数据将要发生变化时触发的事件
onrowsdelete——当前数据记录将被删除时触发的事件
onrowsinserted——当前数据源将要插入新数据记录时触发的事件
16.外部事件
onafterprint——当文档被打印后触发的事件
onbeforeprint——当文档即将打印时触发的事件
onhelp——当浏览者按下F1键或者单击浏览器中的”帮助”按钮时触发的事件
分享到：
相关推荐
`onBlur`事件触发于元素失去焦点时；`onFocus`则在元素获得焦点时触发；`onChange`在表单元素的值发生变化时触发；`onSelect`在文本被选中时触发。例如，下面的代码展示了如何使用`onFocus`和`onBlur`来创建一个具有...
- **JavaScript库**：如jQuery的`click`事件和`fadeIn`方法，或者更专业的图片库如Fancybox、Lightbox等，它们提供了丰富的自定义选项和动画效果。 - **响应式设计**：对于不同设备和屏幕尺寸，可以使用媒体查询(`...
其中，keydown事件在用户按下键盘上的任意键时触发，keypress事件在按键被按下并产生字符时触发，keyup事件则在键盘键被释放时触发。本文主要关注keydown事件的监听。 要监听全局的键盘按下事件，可以使用jQuery中...
- **事件绑定与触发**：通过将`keyDown`函数绑定到`document.onkeydown`事件上，实现了全局键盘事件的监听。 #### 详细知识点说明 ### keyCode属性详解 在JavaScript中，`keyCode`属性是`KeyboardEvent`接口的一...
在这个"js提示框-转载+++ js 乱码+++自动提交+滚动图片加载+箭头导航(转载)"的资源包中，我们可以看到几个关键的技术点，下面将详细阐述这些知识点。 首先，"js提示框"通常指的是JavaScript中的alert()、prompt()或...
4. 事件处理：掌握如何绑定和触发事件，实现用户交互。 5. 服务器推送技术：了解Server-Sent Events (SSE) 和WebSocket的区别与应用场景，以及如何在服务器端实现这些技术。 6. 安全和性能考虑：学习如何避免跨域...
4. 编写JavaScript逻辑，监听触发进度条更新的事件。 5. 根据事件或定时器更新进度条的进度，可以使用jQuery的`.css()`或layui提供的API进行调整。 6. 可以结合element的其他组件，如按钮或提示，增强用户体验。 ...
### 知识点一：JavaScript oncopy 事件与文档复制控制 #### 1.1 oncopy 事件简介 在Web开发中，`oncopy`事件是HTML元素的一个事件属性，当用户尝试复制该元素的内容时触发。通过监听此事件，开发者可以实现对复制...
它监控用户的滚动行为，当用户接近页面底部时，会触发Ajax请求，加载更多数据，然后将新内容无缝插入到当前的瀑布流中，这样用户就可以不间断地浏览内容，而无需手动翻页。 在这个代码实例中，"收藏"和"转载"功能的...
JavaScript AutoScroller是一个JavaScript类，用于在浏览器窗口中自动滚动元素，帮助开发者在Web页面上实现自动滚动效果。通过定义AutoScroll类，我们可以方便地将页面元素按设定的规则进行滚动。 AutoScroller类的...
这篇博客文章“各种微博分享按钮代码（转载）”主要介绍了如何在网站上集成这些分享功能，以便用户一键将网页内容分享到他们的微博账户。 在网页开发中，微博分享按钮的实现通常涉及HTML、CSS以及JavaScript技术。...
1. **事件监听**：我们首先要监听浏览器的`copy`事件，这个事件在用户执行复制操作时触发。可以使用`addEventListener`来添加这个监听器： ```javascript document.addEventListener('copy', function(event) { //...
在上述例子中，`:key='index'`可能导致问题，因为当过滤或排序列表时，尽管数据发生了变化，但索引可能保持不变，导致Vue认为元素没有变化，从而不触发指令的更新。 **问题分析：** 在Vue的`v-for`循环中，`:key`...
这些事件触发时，JavaScript函数会更新当前显示的图片。 6. **动画效果**： - 使用CSS3的`transition`或JavaScript的`requestAnimationFrame`来实现平滑的图片切换动画。可以通过改变图片的`left`、`right`、`top`...
5. 事件处理：如何绑定和触发事件，以及事件冒泡的概念。 6. 调试技巧：如何使用浏览器的开发者工具进行代码调试。 7. 版本控制：在代码修改过程中，使用版本控制系统来跟踪和管理变化。 通过这篇博客和提供的menu....
配合`pushState`和`replaceState`方法，可以实现无刷新的页面更新，同时`popstate`事件可以在用户点击浏览器的回退按钮时触发刷新行为。 6. **HTTP缓存控制**： HTTP响应头中的`Cache-Control`和`Pragma`字段可以...
此外，`.bind()` 和 `.trigger()` 方法分别用于绑定和触发自定义事件。jQuery 还提供了一套丰富的动画效果，如 `.fadeIn()`、`.slideUp()` 和 `.animate()`，使得创建平滑过渡和复杂动画变得简单。 AJAX 交互在 ...
当遇到文档的某个部分时，它会触发相应的事件，如开始元素、结束元素等。这种方式适合处理大文件，因为它节省了内存，但不适合频繁查找和修改数据。 在给定的压缩包中，我们有三个文件： - form_xml.html：这可能是...