jquery鼠標(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入門——事件切換之hover()方法應(yīng)用介紹
- JQuery入門——事件切換之toggle()方法應(yīng)用介紹
- 使用JS或jQuery模擬鼠標(biāo)點(diǎn)擊a標(biāo)簽事件代碼
- jQuery 鼠標(biāo)經(jīng)過(hover)事件的延時(shí)處理示例
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件
- jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件
- jquery 禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件
- jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認(rèn)值
- jquery事件機(jī)制擴(kuò)展插件 jquery鼠標(biāo)右鍵事件。
- jQuery鼠標(biāo)事件總結(jié)
- jquery模擬實(shí)現(xiàn)鼠標(biāo)指針停止運(yùn)動(dòng)事件
- jQuery實(shí)現(xiàn)鼠標(biāo)移入移出事件切換功能示例
相關(guān)文章
寫得不錯(cuò)的jquery table鼠標(biāo)經(jīng)過變色代碼
鼠標(biāo)經(jīng)過table變色的效果，想必大家都有遇到過吧，其實(shí)實(shí)現(xiàn)并不難，在本文為大家詳細(xì)介紹下jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參看下2013-09-09
這篇文章主要介紹了jQuery分組選擇器簡單用法,結(jié)合實(shí)例形式分析了使用jQuery分組選擇器動(dòng)態(tài)設(shè)置頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證
這篇文章主要介紹了jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證，自定義一個(gè)驗(yàn)證方法，感興趣的小伙伴們可以參考一下2016-01-01
jquery僅用6行代碼實(shí)現(xiàn)滑動(dòng)門效果
這篇文章主要介紹了jquery僅用6行代碼實(shí)現(xiàn)滑動(dòng)門效果,涉及jquery樣式變換的實(shí)現(xiàn)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jQuery中odd選擇器的定義和用法,較為詳細(xì)的分析了odd選擇器的具體功能、定義與使用方法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
(jQuery,mootools,dojo)使用適合自己的編程別名命名
我們經(jīng)常用一些別名方法來使用自己喜歡的js 庫。學(xué)習(xí)javascript的朋友可以參考下。2010-09-09
jQuery結(jié)合AJAX之在頁面滾動(dòng)時(shí)從服務(wù)器加載數(shù)據(jù)
這篇文章主要介紹了jQuery結(jié)合AJAX之在頁面滾動(dòng)時(shí)從服務(wù)器加載數(shù)據(jù),文中示例服務(wù)器端為C#程序,需要的朋友可以參考下2015-06-06
jquery獲取一個(gè)元素下面相同子元素的個(gè)數(shù)代碼
本節(jié)主要介紹了jquery如何獲取一個(gè)元素下面相同子元素的個(gè)數(shù)代碼,需要的朋友可以參考下2014-07-07
有時(shí)候我們想在js里面使用加密，jQuery就提供了這樣的插件，用法十分簡單2010-03-03
jquery使用append(content)方法注意事項(xiàng)分享
append(content)函數(shù)的功能向每個(gè)匹配的元素內(nèi)部追加內(nèi)容，在使用方法上需要引起大家的注意，詳細(xì)看下面示例2014-01-01