六月丁香五月婷婷,丁香五月婷婷网,欧美激情网站,日本护士xxxx,禁止18岁天天操夜夜操,18岁禁止1000免费,国产福利无码一区色费

學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦硬件知識(shí) > 鍵盤(pán)鼠標(biāo) > 怎么使用jquery實(shí)現(xiàn)鼠標(biāo)停止移動(dòng)事件

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

時(shí)間: 沈迪豪908 分享

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

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

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

  代碼如下:

  <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實(shí)現(xiàn)鼠標(biāo)停止移動(dòng)事件相關(guān)文章:

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

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

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

1952119