HTML鼠标事件
mouseover事件用法
mouseover事件用法mouseover事件是一种在网页中常用的JavaScript事件，它在鼠标指针悬停在一个元素上时触发。
此事件通常用于增强用户体验，通过在鼠标悬停时改变元素的样式或显示相关信息。
mouseover事件的语法如下：```javascriptelement.addEventListener('mouseover', function(event) { // 在这里编写处理程序});```当鼠标指针移动到指定元素上时，事件处理程序会被触发。
在处理程序中，可以使用event对象来访问与事件相关的信息，例如鼠标的位置、触发事件的元素等。
mouseover事件常见的应用包括以下几个方面：1. 改变元素样式：通过mouseover事件，可以在鼠标悬停时改变元素的样式，例如改变背景色、文字颜色、边框样式等。
这样可以提高用户与页面的互动性，使页面更加生动有趣。
2. 显示提示信息：在鼠标悬停在某个元素上时，可以使用mouseover事件显示相关的提示信息。
这对于一些链接、图标或图片等元素特别有用，可以提供更多的信息给用户。
3. 创建悬浮效果：通过mouseover事件，可以实现一些悬浮效果，例如当鼠标悬停在一个图片上时，可以显示出该图片的放大效果或者播放一个动画等。
除了mouseover事件外，还有一些相关的鼠标事件可以一同使用，例如mouseout事件（鼠标离开元素时触发）、mousemove事件（鼠标在元素上移动时触发）等等，这些事件可以一起协同工作，实现更丰富的交互效果。
需要注意的是，mouseover事件在元素的子元素上也会触发，因此在编写事件处理程序时，需要考虑到这一点，使用event对象的target属性来确定触发事件的具体元素。
总之，mouseover事件是一个常用的JavaScript事件，可以用于改变元素样式、显示提示信息、创建悬浮效果等等，可以提升网页的交互性和用户体验。
html中鼠标滚轮事件onmousewheel的处理方法
html中⿏标滚轮事件onmousewheel的处理⽅法滚轮事件是不同浏览器会有⼀点点区别，⼀个像Firefox使⽤DOMMouseScroll ,ff也可以使⽤addEventListener⽅法绑定DomMouseScroll事件，其他的浏览器滚轮事件使⽤mousewheel，下⾯我来给⼤家具体介绍。
Firefox使⽤DOMMouseScroll，其他的浏览器使⽤mousewheel。
滚动事件触发时Firefox使⽤detail属性捕捉滚轮信息，其他的浏览器使⽤wheelDelta。
不知道为何在该问题上其他⼚商和微软的如此⼀致。
Firefox可以使⽤addEventListener⽅法绑定DomMouseScroll事件。
elem.addEventListener(‘DOMMouseScroll', func, false);IE和其他的主流浏览器可以使⽤传统的事件绑定模型。
但不要使⽤IE专有的attachEvent⽅法，其他主流浏览器并不识别微软的这个⽅法。
Firefox ⿏标滚轮向上滚动是-3，向下滚动是3IE ⿏标滚轮向上滚动是120，向下滚动是-120Safari ⿏标滚轮向上滚动是360，向下滚动是-360Opera ⿏标滚轮向上滚动是120，向下滚动是-120Chrome ⿏标滚轮向上滚动是120，向下滚动是-120有⼈在Safari下做了⼀些测试：”只是滚动⼀圈的话，值为+-0.1，如果滚动地稍微快点的话（多滚动⼏圈），这个值也会变⼤。
这是因为Mac OS下有⿏标滚轮加速功能。
滚动⼀次，浏览器滚动1像素，滚动3次，浏览器却滚动30像素”。
同时他也对Camino（基于Gecko的内核引擎）进⾏研究：“与Safari相似（+- 0.3 to +-Infinity），虽然使⽤了与firefox相同的内核引擎，但结果这个delta值却只在+-2.666666⾥浮动，⽆论滚动速度如何其中经我测试，IE/Opera属于同⼀类型，使⽤attachEvent即可添加滚轮事件。
div遮罩实现禁用鼠标（click、hover等）事件
div遮罩实现禁⽤⿏标（click、hover等）事件这两天在帮⽼师做⽹页，今天想实现在⼀块区域内禁⽌⿏标的各种事件，本来是想在框架模板的js⽂件⾥去修改，但是改代码的时候有点凌乱。
感觉应该⾃⼰把问题想复杂了。
所以想了想要是能实现在⼀个区域内（如：div）遮罩住区域下⽅的操作，强⼤的某度让我很快找到了答案，拿去⼀试，诶~还挺⽅便，⼀试就灵。
所以在此处贴下相应代码仅供参考：1、Javascript 部分代码1function MaskIt(obj){2 var hoverdiv = '<div class="divMask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0);z-index:5;"></div>'; 3 $(obj).wrap('<div class="position:relative;"></div>');4 $(obj).before(hoverdiv);5 $(obj).data("mask",true);6 }7function UnMaskIt(obj){8 if($(obj).data("mask")==true){9 $(obj).parent().find(".divMask").remove();10 $(obj).unwrap();11 $(obj).data("mask",false);12 }13 $(obj).data("mask",false);14 }2、调⽤⽅法⽐如：我在html中有⼀个div的 id 是“needMask”1<div id="needMask">2 ……3<div>调⽤时，就是⽤函数：1 MaskIt($('#needMask'));恩......end 希望能帮到有需要的盆友：）。
onmouseover和onmouseout案例
onmouseover和onmouseout案例摘要：1.onmouseover 和onmouseout 的定义与作用2.onmouseover 和onmouseout 的语法规则3.onmouseover 和onmouseout 的案例演示4.onmouseover 和onmouseout 的使用技巧与注意事项正文：一、onmouseover 和onmouseout 的定义与作用onmouseover 和onmouseout 是HTML 中常用的两种鼠标事件，分别用于在鼠标进入和离开某个元素时触发特定的动作或效果。
这两种事件可以用于实现悬停显示、隐藏内容、改变样式等交互功能。
二、onmouseover 和onmouseout 的语法规则onmouseover 和onmouseout 的语法规则非常简单，基本形式如下：```htmlelement:onmouseover{//鼠标进入时执行的代码}element:onmouseout{//鼠标离开时执行的代码}```其中，`element`表示需要添加事件的HTML 元素，如`<img>`、`<div>`等。
在事件块中，可以编写CSS 样式、JavaScript 代码等，以实现所需的效果。
三、onmouseover 和onmouseout 的案例演示下面是一个简单的onmouseover 和onmouseout 案例，实现鼠标进入时改变图片的样式，鼠标离开时恢复原样：```html<!DOCTYPE html><html><head><style>img {width: 100px;height: 100px;border: 1px solid black;}img:onmouseover {border-color: red;}img:onmouseout {border-color: black;}</style></head><body><img src="example.jpg" alt="示例图片"></body></html>```四、onmouseover 和onmouseout 的使用技巧与注意事项1.使用onmouseover 和onmouseout 时，建议将事件块中的代码封装在一个函数中，以便于管理和调用。
vue mousedown事件写法
Vue中mousedown事件写法Vue是一种流行的JavaScript框架，用于构建用户界面和单页面应用程序。
它提供了一种简单而强大的方式来处理用户输入和交互。
其中，mousedown事件是一种常见的用户交互事件，当用户按下鼠标按钮时触发。
在Vue中，我们可以使用v-on指令来监听并处理这种事件。
1. 使用v-on指令监听mousedown事件在Vue中，可以使用v-on指令来监听各种DOM事件，包括mousedown事件。
下面是一个简单的示例，演示了如何在Vue模板中使用v-on指令来监听mousedown事件：```html<template><div><button v-on:mousedown="handleMouseDown">点击我</button></div></template><script>export default {methods: {handleMouseDown() {// 在这里处理mousedown事件console.log('鼠标按下了');}}}</script>```在上面的示例中，我们在按钮元素上使用v-on指令来监听mousedown事件，并将其绑定到handleMouseDown方法上。
当用户按下鼠标按钮时，handleMouseDown方法将被调用，从而触发相应的逻辑处理。
2. 处理mousedown事件的应用场景mousedown事件通常用于处理与鼠标交互相关的逻辑，例如拖拽、绘画、菜单显示等。
在实际开发中，我们可能会遇到以下几种常见的应用场景，需要使用mousedown事件来实现：- 拖拽功能：当用户按下鼠标按钮时开始拖拽元素，直到释放鼠标按钮时停止拖拽。
- 绘画功能：在画布上按下鼠标按钮开始绘制图形，直到释放鼠标按钮时结束绘制。
HTML鼠标事件
HTML鼠标事件一般事件事件浏览器支持描述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 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件[试试在页面中的中加入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 当对象的初始化属性值发生变化时触发/yunfan555/article/details/2568437。
html中addeventlistener的用法.
html中addeventlistener的用法.全文共四篇示例，供读者参考第一篇示例：HTML中的addEventListener()是一个非常重要的方法，用于给指定的DOM元素添加事件监听器。
这个方法允许我们在特定的事件发生时触发指定的函数，从而实现交互效果和页面功能的实现。
在HTML中，常见的事件包括点击、鼠标移动、键盘按下等，我们可以利用addEventListener()方法来为这些事件绑定相应的处理函数。
addEventListener()方法有三个参数：事件类型、事件处理函数和一个可选的布尔值参数。
事件类型是一个字符串，表示要监听的事件类型，比如"click"、"mouseover"等。
事件处理函数是一个函数，用于处理事件触发时要执行的代码。
布尔值参数是一个可选参数，用于指定事件监听器是在捕获阶段还是冒泡阶段触发，默认为false，表示在冒泡阶段触发。
我们可以使用addEventListener()方法给一个按钮元素添加点击事件的监听器，代码如下：```html<!DOCTYPE html><html><head><title>addEventListener示例</title></head><body><button id="myButton">点击我</button><script>// 获取按钮元素var button = document.getElementById('myButton');// 添加点击事件监听器button.addEventListener('click', function(){alert('你点击了按钮');});</script></body></html>```在这个例子中，我们通过document.getElementById()方法获取了id为"myButton"的按钮元素，然后使用addEventListener()方法为按钮添加了一个点击事件监听器，当按钮被点击时，会弹出一个提示框显示“你点击了按钮”。
Html事件列表
Html事件列表*一般事件:**onClick HTML: 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击*onDblClick HTML: 鼠标双击事件*onMouseDown HTML: 鼠标上的按钮被按下了*onMouseUp HTML: 鼠标按下后，松开时激发的事件**onMouseOver HTML: 当鼠标移动到某对象范围的上方时触发的事件*onMouseMove HTML: 鼠标移动时触发的事件**onMouseOut HTML: 当鼠标离开某对象范围时触发的事件*onKeyPress HTML: 当键盘上的某个键被按下并且释放时触发的事件. [注意:页面内必须有被聚焦的对象]*onKeyDown HTML: 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象]*onKeyUp HTML: 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象]页面相关事件:onAbort HTML: 图片在下载时被用户中断onBeforeUnload HTML: 当前页面的内容将要被改变时触发的事件onError HTML: 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误*onLoad HTML: 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成onMove HTML: 浏览器的窗口被移动时触发的事件onResize HTML: 当浏览器的窗口大小被改变时触发的事件onScroll HTML: 浏览器的滚动条位置发生变化时触发的事件onStop HTML: 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断*onUnload HTML: 当前页面将被改变时触发的事件表单相关事件:*onBlur HTML: 当前元素失去焦点时触发的事件[鼠标与键盘的触发均可]*onChange HTML: 当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均可]*onFocus HTML: 当某个元素获得焦点时触发的事件*onReset HTML: 当表单中RESET的属性被激发时触发的事件*onSubmit HTML: 一个表单被递交时触发的事件滚动字幕事件:onBounce HTML: 在Marquee内的内容移动至Marquee显示范围之外时触发的事件onFinish HTML: 当Marquee元素完成需要显示的内容后触发的事件onStart HTML: 当Marquee元素开始显示内容时触发的事件编辑事件:onBeforeCopy HTML:当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件onBeforeCut HTML: 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发的事件onBeforeEditFocus HTML: 当前元素将要进入编辑状态onBeforePaste HTML: 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件onBeforeUpdate HTML: 当浏览者粘贴系统剪贴板中的内容时通知目标对象onContextMenu HTML: 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件[试试在页面中的中加入onContentMenu="return false"就可禁止使用鼠标右键了]onCopy HTML: 当页面当前的被选择内容被复制后触发的事件onCut HTML: 当页面当前的被选择内容被剪切时触发的事件onDrag HTML: 当某个对象被拖动时触发的事件 [活动事件] onDragDrop HTML: 一个外部对象被鼠标拖进当前窗口或者帧onDragEnd HTML:当鼠标拖动结束时触发的事件，即鼠标的按钮被释放了onDragEnter HTML: 当对象被鼠标拖动的对象进入其容器范围内时触发的事件onDragLeave HTML: 当对象被鼠标拖动的对象离开其容器范围内时触发的事件onDragOver HTML: 当某被拖动的对象在另一对象容器范围内拖动时触发的事件 [活动事件]onDragStart HTML: 当某对象将被拖动时触发的事件onDrop HTML: 在一个拖动过程中，释放鼠标键时触发的事件onLoseCapture HTML: 当元素失去鼠标移动所形成的选择焦点时触发的事件onPaste HTML: 当内容被粘贴时触发的事件onSelect HTML: 当文本内容被选择时的事件onSelectStart HTML当文本内容选择将开始发生时触发的事件数据绑定:onAfterUpdate HTML: 当数据完成由数据源到对象的传送时触发的事件onCellChange HTML:当数据来源发生变化时onDataAvailable HTML: 当数据接收完成时触发事件onDatasetChanged HTML: 数据在数据源发生变化时触发的事件onDatasetComplete HTML: 当来子数据源的全部有效数据读取完毕时触发的事件onErrorUpdate HTML: 当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件onRowEnter HTML:当前数据源的数据发生变化并且有新的有效数据时触发的事件onRowExit HTML:当前数据源的数据将要发生变化时触发的事件onRowsDelete HTML: 当前数据记录将被删除时触发的事件onRowsInserted HTML: 当前数据源将要插入新数据记录时触发的事件外部事件:onAfterPrint HTML: 当文档被打印后触发的事件onBeforePrint HTML: 当文档即将打印时触发的事件onFilterChange HTML: 当某个对象的滤镜效果发生变化时触发的事件onHelp HTML: 当浏览者按下F1或者浏览器的帮助选择时触发的事件onPropertyChange HTML: 当对象的属性之一发生变化时触发的事件onReadyStateChange HTML: 当对象的初始化属性值发生变化时触发的事件。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML鼠标事件
------------------------------------------------------------------------------- onblur 事件：当鼠标失去焦点后执行
/htmldom/event_onblur.asp
/question/60621120.html
onblur 事件会在对象失去焦点时发生
例如：我们将在用户离开输入框时执行 JavaScript 代码：
------------------------------------------------------------------------------- onclick 事件：单击鼠标左键后执行
/htmldom/event_onclick.asp
------------------------------------------------------------------------------- ondblclick 事件：双击鼠标左键后执行
/htmldom/event_ondblclick.asp
------------------------------------------------------------------------------- onfocus 事件：事件在对象获得焦点时发生。
/htmldom/event_onfocus.asp
------------------------------------------------------------------------------- onkeydown 事件：事件会在用户按下一个键盘按键时发生。
/htmldom/event_onkeydown.asp
-------------------------------------------------------------------------------
onkeypress 事件：onkeypress 事件会在键盘按键被按下并释放一个键时发生。
/htmldom/event_onkeypress.asp
------------------------------------------------------------------------------- onKeyUp 事件：事件会在键盘按键被松开时发生。
/htmldom/event_onkeyup.asp
<input type="text" onkeyup="alert(this.value)"/>
敲入一个a弹出一个a
<input type="text" onkeypress="alert(this.value)"/>
敲入一个a弹出一个空。
再敲入一个s弹出一个a 。
再敲入一个s弹出一个sa
------------------------------------------------------------------------------- onmousedown 事件：事件会在鼠标按键被按下时发生。
/htmldom/event_onmousedown.asp
------------------------------------------------------------------------------- onmousemove 事件：事件会在鼠标指针移动时发生。
/htmldom/event_onmousemove.asp
------------------------------------------------------------------------------- onmouseout 事件：事件会在鼠标指针移出指定的对象时发生。
/htmldom/event_onmouseout.asp
------------------------------------------------------------------------------- onmouseover 事件：时间会在鼠标指针移动到指定的对象上时发生。
/htmldom/event_onmouseover.asp
------------------------------------------------------------------------------- onmouseup 事件：事件会在鼠标按键被松开时发生。
/htmldom/event_onmouseup.asp
颜色
ActiveBorder ActiveCap AppWorkspace ThreeDShadow ThreeDLighShadow Scrollbar InactiveCaptionText。