Rumah > hujung hadapan web > tutorial js > jquery鼠标停止移动事件_jquery

jquery鼠标停止移动事件_jquery

WBOY
Lepaskan: 2016-05-16 17:07:58
asal
1281 orang telah melayarinya

复制代码 代码如下:


<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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan