我在想如何用「傳統」JavaScript實現jQuery的.live功能。我想像$('a')。live('mouseover',mouseover_func)一樣寫JavaScript。但是如何?jQuery的沒有jQuery的實時功能
6
A
回答
10
將「mouseover」事件處理程序綁定到<body>
元素。在該處理程序中,檢查它捕獲的每個事件的「目標」屬性,並查看其「tagName」屬性是否爲「A」。如果是這樣,請致電處理程序。
「live」功能利用事件「bubbling」,這是瀏覽器檢查從目標元素到DOM根的處理程序的名稱,一次是父級。由於文檔中的每個<a>
最終可以追溯到<body>
,因此該根節點將獲取所有「鼠標懸停」事件,這些事件不會被取消冒泡的較低級別處理程序分流(通過「stopPropagation()」方法關於事件對象,或者我猜想的一些奇怪的瀏覽器特定方式)。
然而,並不是所有的事件都會冒泡。我正在四處尋找一個很好的參考...好的,在這裏,MDC page seems pretty good雖然有點老可能。
0
只要閱讀jQuery源代碼,看看它是如何做到的。這是開源的樂趣之一。你會學到很多...
相關問題
- 1. 有沒有辦法從jQuery實時加載特定功能?
- 2. jQuery功能沒有響應
- 3. Jquery基於實時功能的問題
- 4. Jquery的功能沒有被註冊
- 5. 的jQuery沒有開始功能
- 6. jQuery的.NET沒有發射功能$就
- 7. 從jQuery的功能沒有輸出
- 8. JQuery的提交功能沒有驗證
- 9. jQuery的。對功能沒有發現
- 10. 爲什麼jQuery不能自動使所有的功能「實時」?
- 11. jQuery的準備功能沒有被撞到裏面的功能
- 12. 製作標籤的功能與jQuery沒有比jQuery的本身
- 13. jQuery的功能有時不運行
- 14. jQuery的準備功能:腳本沒有檢測功能
- 15. JQuery具有類的功能
- 16. 的JavaScript/jQuery的防止表單提交的時候其實並沒有使用JavaScript/jQuery的提交功能
- 17. jQuery:如何獲得動態創建的對象值沒有實時功能
- 18. 時間jquery功能
- 19. 的Jquery/JS:調用jQuery的功能的功能外jQuery的功能
- 20. jQuery的功能
- 21. jQuery的功能
- 22. jquery閱讀xml沒有功能
- 23. jquery點擊功能沒有激活toggleClass
- 24. JQuery點擊功能沒有被調用
- 25. jQuery .pdf功能沒有運行在Joomla
- 26. jquery點擊功能沒有被調用
- 27. jQuery腳本內部沒有功能
- 28. jQuery拖放功能沒有觸發
- 29. jQuery的形式插件沒有顯示出成功的功能
- 30. 阿賈克斯成功的功能並沒有叫jQuery的
我雖然'生活'是自動綁定事件到匹配相同選擇器的新元素。這是通過冒泡實現的嗎?我不這麼認爲。 – GolezTrol 2011-02-13 16:32:36