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

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

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

　　代碼如下:

　　<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)鼠標停止移動事件相關(guān)文章：

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

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

3.鼠標事件屬性詳解