ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryマウスの動きを止めるevent_jquery

jqueryマウスの動きを止めるevent_jquery

WBOY
リリース: 2016-05-16 17:07:58
オリジナル
1303 人が閲覧しました

复制代 代码如下:


<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> <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> <p>$(function(){<br> $("#div1,#div2").moveStopEvent(function(){<br> alert($(this).attr("id"));<br> }<br> );<br>});<br></script>
div1



div2< /div>

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート