我在表上設置了mouseOut事件處理程序,但是如果將鼠標移到TD上,則會觸發該事件。 如何防止TD之間的表閃爍? http://jsfiddle.net/2ZRBx/HTML表觸發鼠標在TD之間移動時的mouseOut
回答
使用jQuery Event API而不是現在使用的內聯事件觸發器。如果你使用jQuery API,它可以正常工作。由於您使用jQuery1.7.1:
jQuery(function($) {
$("#t").on('mouseleave', function() {
$(this).effect("pulsate", { times:1}, 200);
});
});
將表格封裝在div中,然後將該mouseout事件放在該div上。
由於您使用jQuery的,我會刪除內聯JavaScript和做到這一點:
function go2() {
$("#t").effect("pulsate", {
times: 1
}, 200);
}
$('#t').mouseleave(function() {
go2();
});
哇,這是真棒!我想知道jQuery如何做到這一點。 –
爲什麼不使用JavaScript回調(正如我在我的回答中所建議的)?從DOM中獲取#t元素的2倍是非常昂貴的時間。最好在'go2'函數中使用'$(this)'或者在變量中保存'$('#t')'並使用它 –
您可以檢查mouseleave上的文檔以及jQuery的mouseout和mouseleave http://api.jquery.com/mouseleave/ – j08691
- 1. 爲什麼.mouseOut()在鼠標懸停在mouseOut目標文本上時觸發?
- 2. 觸發鼠標移動
- 3. Mouseout事件在鼠標實際上熄滅之前觸發
- 4. 鼠標移動mouseout javascript不起作用
- 5. Fabric.js,手動觸發鼠標:輸入/離開,鼠標:移動
- 6. 拖動期間觸發鼠標移動(HTML5)
- 7. 當鼠標懸停在標記上時,GMaps「mouseout」事件不會觸發
- 8. 如何檢測mouseup被觸發時鼠標是否在移動?
- 9. 需要在加載時觸發鼠標移動功能
- 10. Javascript/jQuery - 只有當鼠標移動時觸發動作
- 11. 同時觸發幾個QGraphicsItem的鼠標移動事件
- 12. 當鼠標移動到子控件上時鼠標事件觸發
- 13. HTML表格:刪除兩個td標籤之間的空間
- 14. 在鼠標移動時移動div
- 15. 當鼠標移動到快速時,html節點失去鼠標移動事件
- 16. 在鼠標停止移動後觸發的WPF事件
- 17. 在單元格間移動時,將鼠標懸停在表格行上發射
- 18. 接受不移動鼠標的觸摸?
- 19. Mouseover和Mouseout之間觸發事件的順序
- 20. 頁之間移動html的
- 21. 鼠標移動時div的鼠標移動改變鼠標移動時的元素
- 22. Vimscript:光標在行間移動時觸發
- 23. 觸發JavaScript mousemove而不移動鼠標,但獲取鼠標座標
- 24. 移動鼠標光標而不觸發WM_MOUSEMOVE
- 25. 用自定義座標觸發鼠標移動事件
- 26. 在鼠標懸停不觸發動畫
- 27. 鼠標出現在鼠標中心上時正在觸發
- 28. 移動鼠標後觸發事件滾動後
- 29. jQuery的懸停的問題 - 鼠標懸停觸發移動
- 30. 暫時讓它沒有在鼠標移動時選擇鼠標移動
這裏的關鍵不是將處理程序從內聯JavaScript移到jQuery事件,而是使用mouseleave事件而不是mouseout。我在上面的代碼中使用了鼠標,問題仍然存在。 – Mik