`
张小宇
  • 浏览: 35169 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

【js鼠标事件/onclick/鼠标点击/光标移开】

htmlonclickjavascriptjs 
阅读更多
一般事件
事件 浏览器支持 描述
onClick HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   鼠标点击事件，多用在某个对象控制的范围内的鼠标点击
onDblClick HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   鼠标双击事件
onMouseDown HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   鼠标上的按钮被按下了
onMouseUp HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   鼠标按下后，松开时激发的事件
onMouseOver HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   当鼠标移动到某对象范围的上方时触发的事件
onMouseMove HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   鼠标移动时触发的事件
onMouseOut HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O3   当鼠标离开某对象范围时触发的事件
onKeyPress HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]
onKeyDown HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]
onKeyUp HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]
页面相关事件
事件 浏览器支持 描述
onAbort HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O   图片在下载时被用户中断
onBeforeUnload HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   当前页面的内容将要被改变时触发的事件
onError HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O   捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误
onLoad HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成
onMove HTML: 2 | 3 | 3.2 | 4
Browser: IE | N4 | O   浏览器的窗口被移动时触发的事件
onResize HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N4 | O   当浏览器的窗口大小被改变时触发的事件
onScroll HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   浏览器的滚动条位置发生变化时触发的事件
onStop HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   当前页面将被改变时触发的事件
表单相关事件
事件 浏览器支持 描述
onBlur HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]
onFocus HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   当某个元素获得焦点时触发的事件
onReset HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N3 | O3   当表单中RESET的属性被激发时触发的事件
onSubmit HTML: 2 | 3 | 3.2 | 4
Browser: IE3 | N2 | O3   一个表单被递交时触发的事件
滚动字幕事件
事件 浏览器支持 描述
onBounce HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   当Marquee元素完成需要显示的内容后触发的事件
onStart HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   当Marquee元素开始显示内容时触发的事件
编辑事件
事件 浏览器支持 描述
onBeforeCopy HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件
onBeforeCut HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件
onBeforeEditFocus HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当前元素将要进入编辑状态
onBeforePaste HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件
onBeforeUpdate HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件 [试试在页面中的<body>中加入onContentMenu="return false"就可禁止使用鼠标右键了]
onCopy HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当页面当前的被选择内容被复制后触发的事件
onCut HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当页面当前的被选择内容被剪切时触发的事件
onDrag HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当某个对象被拖动时触发的事件 [活动事件]
onDragDrop HTML: 2 | 3 | 3.2 | 4
Browser: IE | N4 | O   一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了
onDragEnter HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]
onDragStart HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   当某对象将被拖动时触发的事件
onDrop HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   在一个拖动过程中，释放鼠标键时触发的事件
onLoseCapture HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O   当内容被粘贴时触发的事件
onSelect HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   当文本内容被选择时的事件
onSelectStart HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O   当文本内容选择将开始发生时触发的事件
数据绑定
事件 浏览器支持 描述
onAfterUpdate HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 当数据完成由数据源到对象的传送时触发的事件
onCellChange HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当数据来源发生变化时
onDataAvailable HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 当数据接收完成时触发事件
onDatasetChanged HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 数据在数据源发生变化时触发的事件
onDatasetComplete HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件
onRowEnter HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当前数据源的数据将要发生变化时触发的事件
onRowsDelete HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当前数据记录将被删除时触发的事件
onRowsInserted HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当前数据源将要插入新数据记录时触发的事件
外部事件
事件 浏览器支持 描述
onAfterPrint HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当文档被打印后触发的事件
onBeforePrint HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当文档即将打印时触发的事件
onFilterChange HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 当某个对象的滤镜效果发生变化时触发的事件
onHelp HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange HTML: 2 | 3 | 3.2 | 4
Browser: IE5 | N | O 当对象的属性之一发生变化时触发的事件
onReadyStateChange HTML: 2 | 3 | 3.2 | 4
Browser: IE4 | N | O 当对象的初始化属性值发生变化时触发
分享到：
| 【JS 实现页面N秒钟自动跳转】
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript实现的鼠标特效

    例如，当鼠标移动到某个元素上时，可以缓慢淡入一个提示框，鼠标移开时再淡出。这可以通过`fadeIn()`和`fadeOut()`函数实现。 五、自定义特效内容 在描述中提到，特效显示内容是可以自定义的。这可以通过创建HTML...

    javaScript常用事件命令

    onmouseout 事件是在鼠标光标移开元素时执行的事件。例如，在某个元素上添加 onmouseout 事件，可以在鼠标移开时执行某些操作。 onmouseover 事件 onmouseover 事件是在鼠标光标移到元素上时执行的事件。例如，在...

    [js]javascript事件集合(包有触发事件)终版.pdf

    1. 单击事件（onclick）：当用户点击鼠标时，指定的事件处理程序会被调用。例如，`打开页面" onclick="window.open('xxxx.html', 'newwindow', 'width=456,height=230,toolbar=no,menubar=no,scrollbars=yes')"&gt;` 会...

    javascript 触发事件列表

    当鼠标指针从某个元素移开时触发的事件。 **示例：** ```html 按钮" onmouseout="window.status='正常状态'; return true;"&gt; ``` 当鼠标从按钮上移开时，浏览器的状态栏会恢复为“正常状态”。 #### 十、双击...

    JS实现的表格行鼠标点击高亮效果代码

    1. JavaScript的事件处理机制：文档中提到了鼠标事件的三种状态，分别是鼠标悬停（mouseover）、鼠标点击（onclick）、鼠标移出（onmouseout）。在JavaScript中，这些状态对应了三种事件：mouseover、click和mouse...

    js使用小技巧

    ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"&gt; 文本框的默认值 (this.defaultValue)"&gt; title换行 obj.title = "123&#13sdfs&#32" 获得时间所代表的微秒 var n1 = new Date("2004-...

    点击表格行时变手形且有动作的代码

    "`**：设置鼠标光标在悬停于该元素时显示为手形。 #### 三、CSS样式 **知识点5：内联样式** 示例中的CSS样式是通过内联方式添加的，即直接在HTML元素中使用`style`属性来设置样式。例如： ```html ;"&gt; ``` 这里...

    站长常用的200个js代码

    - **`onBlur` 事件**: 当用户将光标从文本框移开时触发。通常用于在用户离开文本框之前检查或保存数据。 - **`onFocus` 事件**: 当文本框获得焦点时触发。常用来执行某些初始化操作或者视觉提示，比如清除默认提示...

    JavaScript实用技巧集锦.doc

    1. **禁用鼠标右键菜单**：通过`oncontextmenu`事件，可以阻止用户在网页上点击鼠标右键打开上下文菜单。例如：`;"&gt;&lt;td&gt;no right click&lt;/td&gt;&lt;/table&gt;`。 2. **禁止文本选择和复制**：通过`onselectstart`事件，可以...

    40个特效

    - **实现方法**：使用 JavaScript 在文本框获取焦点时将光标移到文本末尾。 - **示例代码**： ```html &lt;script language="javascript"&gt; function cc() { var e = event.srcElement; var r = e.createTextRange...

    html的DOM中Event对象onblur事件用法实例

    这通常发生在用户从一个表单字段移开光标或者点击页面上的其他元素时。 `onblur`事件的语法相当简单，可以直接在HTML元素的属性中定义，如下所示： ```html 元素名 "onblur"="JavaScript代码" ``` 这里的`...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的点击事件(feedback:yymaoji)。 +2009-11-26 v2.1.6 +修正动态创建Grid列的BUG(feedback:gxpan)。 -...

    ExtAspNet_v2.3.2_dll

    -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的点击事件(feedback:yymaoji)。 +2009-11-26 v2.1.6 +修正动态创建Grid列的BUG(feedback:gxpan)。 -...

    web常用小技巧

    - **应用场景**：当用户聚焦到文本框时，自动将光标移到文本末尾，方便继续输入。 - **实现方式**： - ```javascript function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart(...

Magicbox
Global site tag (gtag.js) - Google Analytics