亚洲欧美精品沙发,日韩在线精品视频,亚洲Av每日更新在线观看,亚洲国产另类一区在线5

<pre id="hdphd"></pre>

  • <div id="hdphd"><small id="hdphd"></small></div>
      學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦硬件知識 > 鍵盤鼠標(biāo) > 怎么使用jquery實現(xiàn)鼠標(biāo)停止移動事件

      怎么使用jquery實現(xiàn)鼠標(biāo)停止移動事件

      時間: 沈迪豪908 分享

      怎么使用jquery實現(xiàn)鼠標(biāo)停止移動事件

        學(xué)習(xí)前端的同學(xué)你們知道怎么使用js實現(xiàn)鼠標(biāo)停止移動事件嗎?不知道的話跟著學(xué)習(xí)啦小編一起來學(xué)習(xí)如何實現(xiàn)鼠標(biāo)停止移動事件。

        jquery實現(xiàn)鼠標(biāo)停止移動事件的方法

        代碼如下:

        <script src="jquery.js"></script>

        <script>

        (function($){

        $.fn.moveStopEvent = function(callback){

        return this.each(function() {

        var x = 0,

        y = 0,

        x1 = 0,

        y1 = 0,

        isRun = false,

        si,

        self = this;

        var sif = function(){

        si = setInterval(function(){

        if(x == x1 && y ==y1){

        clearInterval(si);

        isRun = false;

        callback && callback.call(self);

        }

        x = x1;

        y = y1;

        }, 500);

        }

        $(this).mousemove(function(e){

        x1 = e.pageX;

        y1 = e.pageY;

        !isRun && sif(), isRun = true;

        }).mouseout(function(){

        clearInterval(si);

        isRun = false;

        });

        });

        }

        })(jQuery);

        $(function(){

        $("#div1,#div2").moveStopEvent(function(){

        alert($(this).attr("id"));

        }

        );

        });

        </script>

        <div id="div1" style="width:200px;height:100px;background-color:#ccc;">div1</div>

        <br/>

        <div id="div2" style="width:200px;height:100px;background-color:#ccc;">div2</div>

      jquery實現(xiàn)鼠標(biāo)停止移動事件相關(guān)文章:

      1.如何用jquery實現(xiàn)右鍵菜單

      2.jquery設(shè)置鼠標(biāo)右鍵方法

      3.鼠標(biāo)事件屬性詳解

      1952119