鼠标指针

js事件处理

好久不见. 提交于 2020-03-30 05:20:03
1.js中常用的事件处理程序(event Handler) onabort     用户终止了页面的加载 onblur   用户离开了对象 onchange   用户修改了对象 onclick   用户点击了对象 onerror   脚本遇到了一个错误 onfocus   用户激活了对象 onload   对象完成了加载 onmouseover   鼠标指针移到到对象上 onmouseout   鼠标指针离开了对象 onselect   用户选择了对象的内容 onsubmit   用户提交了表单 onunload   用户离开了页面 来源: https://www.cnblogs.com/haoyijing/p/5743739.html

一个例子说明mouseover事件与mouseenter事件的区别

给你一囗甜甜゛ 提交于 2020-03-25 05:42:26
<html> <head> <meta charset="UTF-8"> <title>haha</title> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> x=0; y=0; $(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1); }); $("div.enter").mouseenter(function(){ $(".enter span").text(y+=1); }); }); </script> </head> <body> <p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p> <p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p> <div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left"> <h2 style="background-color:white;">被触发的 Mouseover 事件:<span></span></h2>

关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别

谁说我不能喝 提交于 2020-03-25 05:35:52
轮播中大多会选择mouseover和mouseout 这个时候是没有任何问题的 但当遇到有css3动画的时候,会发现移入移出过快 动画还没加载完成就需要执行下一个动画,完了动画样式就错乱了。 这时候我选择的是使用 mouseenter和mouseleave 注意:mouseover ,mouseout当鼠标指针穿过被选元素子元素时,也会触发事件。这在绑定事件时,有时出现意想不到的Bug可能就是由 mouseover mouseout 事件引起的。 mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 mouseout与mouseleave 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。 只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。 来源: https://www.cnblogs.com/yangshangjin/p/6951818.html

jquery mouseover与mouseenter,mouserout与mouseleave的区别

痞子三分冷 提交于 2020-03-25 05:34:52
mouseover与mouseenter 不论鼠标指针穿过被选元素或其子元素,都会触发mouseover事件 只有在鼠标指针穿过被选元素时,才会触发mouseenter事件 <!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-1.6.4.min.js"></script> <script type="text/javascript"> x=0; y=0; $(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1); }); $("div.enter").mouseenter(function(){ $(".enter span").text(y+=1); }); }); </script> </head> <body> <p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p> <p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p> <div class="over" style="background-color:lightgray;padding:20px

mouseover与mouseenter、mouseout与mouseleave的区别

谁说胖子不能爱 提交于 2020-03-25 05:33:55
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 测试代码如下: <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> x=0; y=0; $(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1); }); $("div.enter").mouseenter(function(){ $(".enter span").text(y+=1); }); }); </script> </head> <body> <p>不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。</p> <p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p> <div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left"> <h2 style="background-color

事件mouseover ,mouseout ,mouseenter,mouseleave的区别

纵饮孤独 提交于 2020-03-18 01:16:27
鼠标滑过的时候出现一个层,当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象,解决这个现象的办法有许多,不过我觉得有一种是最简单的那就是把mouseover和mouseout换成对应的mouseenter和mouseleave。 mouseover ,mouseout当鼠标指针穿过被选元素的 子元素 时,也会触发事件。这在绑定事件时,有时出现意想不到的Bug可能就是由 mouseover mouseout 事件引起的; mouseover与mouseenter 不论鼠标指针穿过 被选元素 或 其子元素 ,都会触发 mouseover 事件。 只有在鼠标指针穿过 被选元素 时,才会触发 mouseenter 事件。 mouseover:鼠标进入被选元素--子元素--被选元素(3次); mouseenter:鼠标进入被选元素(1次); mouseout与mouseleave(同上) 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。 只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。 来源: https://www.cnblogs.com/mina-huojian66/p/6923732.html

jQuery中 mouseover、mouseout、mouseenter、mouseleave的区别

一个人想着一个人 提交于 2020-03-18 01:14:56
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件,与其相对应的是mouseout 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件,与其相对应的是mouseleave 一、以下这个例子能很好的帮助我们理解mouseover和mouseenter的区别: 1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript"> 5 x=0; 6 y=0; 7 $(document).ready(function(){ 8 $("div.over").mouseover(function(){ 9 $(".over span").text(x+=1); 10 }); 11 $("div.enter").mouseenter(function(){ 12 $(".enter span").text(y+=1); 13 }); 14 }); 15 </script> 16 </head> 17 <body> 18 <div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left">

什么是href =“#”,为什么使用它?

孤者浪人 提交于 2020-03-06 20:54:16
在许多网站上,我看到具有 href="#" 链接。 这是什么意思? 这有什么用途? #1楼 通常创建无序列表是为了将它们用作菜单,但是 li 列表项是文本。 因为列表 li 的项目是文本,鼠标指针会不会是一个箭头,而是一个“I形光标”。 用户习惯于单击某些东西时看到指向鼠标指针的手指。 使用锚标签, li 标签 a 内部会导致鼠标指针更改为手指。 使用列表作为菜单时,手指要好得多。 <ul id="menu"> <li><a href="#">Menu Item 1</a></li> <li><a href="#">Menu Item 2</a></li> <li><a href="#">Menu Item 3</a></li> <li><a href="#">Menu Item 4</a></li> </ul> 如果该列表用于菜单,并且不需要链接,则不需要指定URL。 但是问题是,如果忽略 href 属性,则 <a> 标记中的文本将被视为文本,因此鼠标指针将返回到I光标。 I光标可能使用户认为菜单项不可单击。 因此,您仍然需要 href ,但不需要指向任何地方的链接。 您可以在菜单列表中使用很多 div 或 p 标签,但是鼠标指针也将是它们的I光标。 您可以使用许多彼此堆叠的按钮来获得菜单列表,但是列表似乎更可取。 这可能就是为什么在列表标签​​内的定位标签中使用指向无处的

js事件对象

独自空忆成欢 提交于 2020-02-27 07:02:14
Evernote Export js事件对象 在DOM元素触发事件时,事件处理函数中会产生的一个事件对象event。 事件对象获取方法 所有浏览器都支持event对象,只是支持的方式不一样 FireFox、Chrome等浏览器要获取到event对象,需要从函数中传入,参数名随意 而IE在浏览器中event作为window对象的一个属性存在,可以直接使用 event 或 window.event 获取到 //事件对象获取方法 document .onkeydown = function ( ev ) { //onkeydown 事件会在用户按下个键盘按键时发生 var e = ev || event ; //兼容各个浏览器 console .log(e); } 事件对象中与鼠标/键盘相关属性 clientX/clientY属性:返回当事件被触发时,鼠标指针的坐标(到浏览器窗口的坐标) offsetX/offsetY属性:返回当事件被触发时,鼠标指针的坐标(在事件源元素中的坐标) pageX/pageY属性:返回当事件被触发时,鼠标指针的坐标(整个页面中的坐标) button属性:返回触发事件的鼠标按键 which属性:返回触发事件的按键码(针对键盘和鼠标事件) IE678不支持 keyCode属性:返回键盘按键的按键码 组合键:ctrlKey、altKey、shiftKey

Mousepose for mac(鼠标指针突出显示工具)

假如想象 提交于 2020-02-07 06:01:02
Boinx Mousepose mac版是一款非常好用的鼠标指针突出显示工具,Mousepose可使屏幕变暗,并在鼠标指针周围的区域上放置聚光灯,轻松引导观众的注意力或快速定位鼠标指针。颜色,尺寸等均可定制。对于在贸易展览会,演示,培训中进行演示的每个人或具有大型高分辨率显示的个人来说,Mousepose都是必不可少的工具。 Boinx Mousepose for mac软件介绍 Mouseposé是必不可少的鼠标指针突出显示工具(也称为“虚拟激光指示器”),适用于在贸易展览,演示,培训和截屏演示中进行演示的每个人,或具有高分辨率的大型显示器的个人。 激活后,它将使屏幕变暗并使聚光灯照在鼠标指针周围的区域,从而轻松地将观众的注意力引向感兴趣的区域。 Mouseposé还是“寻找微小的鼠标指针”游戏的秘籍,该游戏因与计算机相连的多个巨大的高分辨率显示器而变得流行。 Boinx Mousepose mac版软件特点 聚焦在鼠标光标上 我们称其为“MouseposéEffect”: 要突出显示鼠标指针周围的感兴趣区域,只需按下可配置的热键,整个屏幕就会略微变暗,并且仅突出显示鼠标周围的一个圆圈。优雅的开始/停止动画旨在将您的眼睛吸引到可能隐藏在任何地方的鼠标指针。整个效果,包括圆圈的大小和变暗的强度,都可以根据您的喜好进行广泛定制。 突出显示鼠标单击 如果人们可以清楚地看到您在做什么