首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

jQery事件与特效

jQery事件与特效 事件 方法 描述 执行时机 click( ) 触发或将函数绑定到指定元素的click事件 单击鼠标时 mouseover( ) 触发或将函数绑定到指定元素的mouseover事件...鼠标指针移过时 mouseout( ) 触发或将函数绑定到指定元素的mouseout事件 鼠标指针移出时 mouseenter( ) 触发或将函数绑定到指定元素的mouseenter事件 鼠标指针进入时...mouseleave( ) 触发或将函数绑定到指定元素的mouseleave事件 鼠标指针离开时 举例 $(".nav-ul a").mouseover(function(){ $(this...).css("background-color","#f01e28"); }); $(".nav-ul a").mouseout(function(){ $(this).css("background-color...","#ff2832"); }); ​ 方法 描述 执行时机 keydown( ) 触发或将函数绑定到指定元素的keydown事件 按下键盘时 keyup( ) 触发或将函数绑定到指定元素的keyup事件

27910

JQuery之内置函数响应事件

与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。...与 mouseout 事件不同,只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。如果鼠标指针离开任何子元素,同样会触发 mouseout 事件。...mousemove事件处理函数会被传递一个变量——事件对象,其.clientX 和 .clientY 属性代表鼠标的坐标 5.mouseout 当鼠标指针从元素上移开时,发生 mouseout 事件。...注释:与 mouseleave 事件不同,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。...6.mouseover  当鼠标指针位于元素上方时,会发生 mouseover 事件。该事件大多数时候会与 mouseout 事件一起使用。

2.1K60

jquery 绑定事件 - mouseover() mouseout() mouseenter() mouseleave() hover()

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发mouseout() 鼠标离开(离开子元素也触发)...mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave事件指定处理函数 ready...mouseout() 鼠标离开(离开子元素也触发) 上面看了mouseover() 是鼠标进入的事件,那么下面来看看这个事件离开的事件。 ? ?...果然,这个子元素也是会触发mouseout()事件的。 mouseenter() 鼠标进入(进入子元素不触发) 上面两个事件都是具备事件冒泡的特性,看看这个有没有,如下: ? ?...当鼠标进入和移出的时候,都会触发hover()事件。

2.8K30

【云端架构】前端jQuery鼠标事件精选

鼠标事件是指用户在移动鼠标光标或者点击任意鼠标键时触发的事件,jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,下面我们就来看下这些事件的语法和用法 鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的...1、click事件:点击鼠标左键时触发 $('p').click(function()); 2、dbclick事件:迅速连续的两次点击时触发 $('p').dbclick(function());...3、mousedown事件:按下鼠标触发 $('p').mousedown(function()); 4、mouseup事件:松开鼠标触发 $('p').mouseup(function());...5、mouseover事件:鼠标从一个元素移入另一个元素时触发 mouseout事件:鼠标移出元素时触发         $('p').mouseover(function()); $('p').mouseout...(function()); 6、mouseenter事件:鼠标移入元素时触发 mouseleave事件:鼠标移出元素时触发 $('p').mouseenter(function()); $('p').

1.7K60

JQ事件和事件对象

() 鼠标按下和松开事件    5 mouseover()/mouseout() 鼠标移入和移出事件   6 mouseenter()/mouseleave() 鼠标移入移出事件   //mouseover...()/mouseout()和mouseenter()/mouseleave()的区别    首先来了解一下事件冒泡和捕获     事件冒泡:内部事件先触发,然后在触发外部事件     事件捕获:外部事件先被触发...,然后在触发内部元素     mouseover()/mouseout() :鼠标移入“所选元素以及后代都会触发”     mouseenter()/mouseleave():鼠标移入“所选元素”才会触发...,如果鼠标移入所选元素的后代时,不会触发(增加阻止事件冒泡功能) <...有两个参数(方法),鼠标一定到指定对象以及移出时会触发 二 键盘事件    1 keydown 键盘按下时触发的事件    2 keyup     键盘松开一瞬间触发的事件    3 keypress

4.1K20

moom教程:如何通过键盘触发基于鼠标的调整大小网格?

例如,如果您想使用绿色按钮调色板的屏幕调整网格,它使用鼠标,您必须将鼠标移到绿色按钮上,等待调色板出现,然后单击网格区域(假设您已经在 Moom 的首选项的鼠标部分中选中了“启用 x x y 单元格的全屏网格...在这些情况下,您可能还需要一只手在键盘上,另一只手在鼠标上……如果您可以通过键盘触发基于鼠标的调整大小网格,那么您可以通过最少的鼠标移动开始调整大小。...现在你可以…… Moom 有一个隐藏的首选项,可以启用新的自定义操作,即触发鼠标网格。启用后,创建一个新的自定义操作,您将在选项列表中看到 Trigger Mouse Grid......现在打开 Moom 的偏好设置,转到自定义,通过单击加号添加一个新控件,然后从弹出菜单中选择触发鼠标网格。...当然,要使其真正有用,您需要为新控件分配一个键盘快捷键——理想情况下,分配一个您可以用左手(鼠标右手用户)或右手(鼠标左手用户)执行的快捷键: 创建自定义操作并分配快捷方式后,您就可以设置了 — 只需随时按下分配的快捷方式即可触发基于鼠标的屏幕调整网格大小

1.1K00

jQuery对象操作

//3.匿名函数,在事件里面包含的匿名函数,jQuery或其他前端框架的特点 //三步:找对象(找)、定事件(事)、匿名函(匿) // mousedown()当鼠标点击对象上面的时候触发...(function(){ console.log("你打我呀") }); // mousemove()当鼠标移动到对象上面的时候触发...,并按下鼠标按键时,会发生 mousedown 事件 mousemove() 当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。...mouseover() 当鼠标指针位于元素上方时,会发生 mouseover 事件,该事件大多数时候会与 mouseout 事件一起使用。...mouseout() 当鼠标指针从元素上移开时,发生 mouseout 事件,该事件大多数时候会与 mouseover 事件一起使用 mouseup() 当在元素上放松鼠标按钮时,会发生 mouseup

1.3K31

双击事件(dblclick)时,不触发鼠标按下(mousedown) 动作事件

因此,触发顺序是,mousedown首先触发,mouseup接着触发,click最后触发。 dblclick事件则会在mousedown、mouseup、click之后触发。...mouseover事件和mouseenter事件,都是鼠标进入一个节点时触发。...两者的区别是,mouseenter事件只触发一次,而只要鼠标在节点内部移动,mouseover事件会在子节点上触发多次。...在单击的时候(也就是鼠标按下的时候)不会执行双击,但是双击的时候会执行两次单击再执行双击事件。 解决的思路:要想双击时不执行单击事件,就使用定时器清除掉两个单击事件,留下一个双击事件。...index, item)"> handleMousedown(event, node, index) { clearTimeout(this.timeOut); // 清除第一个鼠标单击按下事件

41020

js 鼠标事件总结

当监听鼠标事件时,会触发一些事件,我们可以与之交互: mousedown 按下鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时...mouseenter 当鼠标移动到一个元素上时,鼠标进入。类似于mouseover但不冒泡。 mouseout鼠标移出元素时,以及当鼠标进入子元素时。...mouseleave 当鼠标移出一个元素时,mouseleave。类似于mouseout但不冒泡。 contextmenu 快捷菜单当快捷菜单打开时,例如用鼠标右键点击 事件重叠。...在dblclick的情况下,还会触发两次click。 mousedown、mousemove和mouseup可以结合使用来跟踪拖放事件。 小心使用mousemove,因为它在鼠标移动时多次触发。...button 如果有按钮,则为鼠标事件触发时按下的按钮数目(通常为0 =主按钮,1 =中按钮,2 =右按钮)。处理由单击按钮引起的事件(例如单击)。

9K40

JavaScript动漫作品(闭幕)

在上面的几行代码中,我们说过,不管什么时候用户在舞台(stage)元素上移动鼠标。将触发一个叫做 stage_mousemove_listener()的函数(注意。在命令中。我们并没有包括參数)。...将触发 robot_mouseover_listener(),当用户从舞台上移开鼠标触发 stage_mouseout_listenr() 不幸的是,之前我们提到过,IE8及其低版本号使用不同...从编写用户在舞台上移动而触发的函数開始。...正由于它是一个mousemove侦听器,当鼠标每次在舞台区域内移动时,都将触发它(这意味着在一秒钟内将会触发多次)这个函数须要将机器人的位置和鼠标的位置作比較。并使机器人见机行事。...一旦我们找到 mouseX ,我们就能够和机器人的位置作比較,假设须要的话,触发或停止不同的跑动函数。 不幸的是,找出mouseX有一些棘手,由于鼠标位置是还有一件不同浏览器表现不同的事。

95700

ReactPortals传送门

MouseOver: 当鼠标光标进入一个元素时触发,该事件在鼠标从元素的外部进入时触发,并且会冒泡到父元素。...MouseOut: 当鼠标光标离开一个元素时触发,该事件在鼠标从元素内部离开时触发,并且会冒泡到父元素。...例如,如果有一个嵌套的DOM结构,此时我们在元素a上绑定了MouseOut事件,当鼠标从该元素内部移动到外部时,MouseOut事件将被触发...,而如果此时我们的鼠标是从b元素移出到a元素内,由于冒泡会同样触发绑定在MouseOut事件,再从a元素移出到外部时,同样会再次触发MouseOut事件。...避免重复触发: MouseOver和MouseOut事件在鼠标悬停在元素内部时会重复触发,当鼠标从一个元素移动到其子元素时,MouseOut事件会在父元素触发一次,然后在子元素触发一次,MouseOut

15450

jQuery(事件和动画-基础事件、复合事件)

基础事件 click 对应 onclick 鼠标单击事件 dbclick 对应ondbclick 鼠标双击事件 mouseover 对应 onmouseover 鼠标移入事件 mouseout 对应...注意: mourseover和mourseenter都是鼠标移入元素时触发,不同点:mourseover无论鼠标移入被选元素 还是被选元素的子元素都会触发。...mourseenter只有移入被选元素才会触发; mourseout和mourseleave都是鼠标移除元素时触发。不同点:mourseout在移除被选元素的子元素 时也会被触发。...当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。 当鼠标移出这个元素时,会触发 指定的第二个函数。...而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一 个常见错误)。

1.4K10
领券