recherche

Maison  >  Article  >  interface Web  >  jquery鼠标停止移动事件_jquery

jquery鼠标停止移动事件_jquery

WBOY
WBOYoriginal
2016-05-16 17:07:581262parcourir

复制代码 代码如下:


<script><BR>(function($){<BR> $.fn.moveStopEvent = function(callback){<BR> return this.each(function() {<BR> var x = 0,<BR> y = 0,<BR> x1 = 0,<BR> y1 = 0,<BR> isRun = false,<BR> si,<BR> self = this; <P> var sif = function(){<BR> si = setInterval(function(){<BR> if(x == x1 && y ==y1){<BR> clearInterval(si);<BR> isRun = false;<BR> callback && callback.call(self);<BR> }<BR> x = x1;<BR> y = y1;<BR> }, 500);<BR> } <P> $(this).mousemove(function(e){<BR> x1 = e.pageX;<BR> y1 = e.pageY;<BR> !isRun && sif(), isRun = true;<BR> }).mouseout(function(){<BR> clearInterval(si);<BR> isRun = false;<BR> });<BR> });<BR> }<BR>})(jQuery); <P>$(function(){<BR> $("#div1,#div2").moveStopEvent(function(){<BR> alert($(this).attr("id"));<BR> }<BR> );<BR>});<BR></script>
div1



div2

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：js生成随机数之random函数随机示例_javascript技巧Article suivant：jquery实现tr元素的上下移动示例代码_jquery

Articles Liés

Voir plus