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)文章
Jquery創(chuàng)建一個(gè)層當(dāng)鼠標(biāo)移動(dòng)到層上面不消失效果
使用Jquery創(chuàng)建一個(gè)層,實(shí)現(xiàn)當(dāng)鼠標(biāo)移動(dòng)到層上面不消失,示例代碼如下,感興趣的朋友可以參考下2013-12-12jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的方法
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)鼠標(biāo)單擊修改內(nèi)容的方法,需要的朋友可以參考下2014-06-06jQuery 鼠標(biāo)經(jīng)過(hover)事件的延時(shí)處理示例
一般情況下,我們是不對鼠標(biāo)hover事件進(jìn)行延時(shí)處理。但是,有時(shí)候,為了避免不必要的干擾,常會(huì)對鼠標(biāo)hover事件進(jìn)行延時(shí)處理2014-04-04JQuery自適應(yīng)IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
很高興,終于使用jquery實(shí)現(xiàn)了點(diǎn)擊外部鏈接,更改iframe內(nèi)容時(shí),iframe的高度自適應(yīng)問題。2011-03-03jQuery插件簡單學(xué)習(xí)實(shí)例教程
這篇文章主要介紹了jQuery插件的簡單用法,列舉了分頁插件、放大鏡插件、自動(dòng)完成插件、上傳插件、日歷插件等的簡單使用方法,需要的朋友可以參考下2016-07-07簡單實(shí)現(xiàn)jQuery上傳圖片顯示預(yù)覽功能
這篇文章主要教大家如何簡單實(shí)現(xiàn)jQuery上傳圖片顯示預(yù)覽功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08