Re: [心得] 從 js 到 jQuery 之三:可怕的事件叢林

看板Ajax作者 (沉默是金)時間17年前 (2008/08/09 13:46), 編輯推噓3(3018)
留言21則, 3人參與, 最新討論串2/2 (看更多)
※ 引述《TonyQ (沉默是金)》之銘言: : → awpadam:請問我可以用jquery偵測滑鼠中鍵滾輪事件嗎 08/09 10:30 : → awpadam:我想做出如http://www.plurk.com/browse 08/09 10:31 : → awpadam:上方可以用滾輪捲動的效果 08/09 10:31 jQuery內建並未處理這個事件 , 不過當然你可以輕易地找到一個已經寫好的plug-in來擴充他. http://plugins.jquery.com/project/mousewheel 有興趣想研究原理的話 , 他是採取聆聽 DOMMouseScroll(for mz系列 ) 跟 mousewheel(其他瀏覽器) 事件 的策略 我把它 demo的檔案稍微改過再加上一點註解 , 參考看看. http://tonyq.org/test/testJqWheel.html -- What do you want to have ? / What do you have? 從書本中,你可以發現我的各種興趣。 從CD中,你可以瞭解我所喜歡的偶像明星。 或許從文字你很難以瞭解一個人,但從物品可以。 My PPolis , My past. http://ppolis.tw/user/Tony -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.132.59.247

08/09 15:34, , 1F
看完,真是無痛學習的註解和範例
08/09 15:34, 1F

08/09 15:34, , 2F
大推!!
08/09 15:34, 2F

08/09 15:35, , 3F
還順便學到$(document).ready的簡式
08/09 15:35, 3F

08/09 15:36, , 4F
我想順便請教一下$(document).ready
08/09 15:36, 4F

08/09 15:37, , 5F
代表的是文件讀取完的事件,把code放在裡面可以確保
08/09 15:37, 5F

08/09 15:37, , 6F
在文件都解析完成後才執行code
08/09 15:37, 6F

08/09 15:37, , 7F
那如果我的code是放在整個body最下面的地方
08/09 15:37, 7F

08/09 15:38, , 8F
是不是可以省略這個$(document).ready呢?
08/09 15:38, 8F

08/09 15:39, , 9F
沒錯 , 你也可以寫在body 的最底部 .
08/09 15:39, 9F

08/09 15:40, , 10F
但是如果你的code 在執行時會需要append元素到body上 ,
08/09 15:40, 10F

08/09 15:40, , 11F
因為 IE上會有個ISSUE , 所以會建議ready .
08/09 15:40, 11F

08/09 15:40, , 12F
基本上想要較為即時的顯示 , 寫在 </body>前是較好的作法
08/09 15:40, 12F

08/09 15:46, , 13F
所以我如果都寫在ready裡頭,執行時需要增加東西至body上
08/09 15:46, 13F

08/09 15:46, , 14F
的話,那個ie的問題不會發生就對了?
08/09 15:46, 14F

08/09 15:47, , 15F
我記得我以前寫純js的時候有過,在body上動態增加元素
08/09 15:47, 15F

08/09 15:47, , 16F
並且為他指派事件,結果ie有問題
08/09 15:47, 16F

08/09 15:47, , 17F
不知道你說的是不是這個
08/09 15:47, 17F

08/09 16:32, , 18F
ie在dom元件還沒讀完之前 對元素的新增刪除很敏感.
08/09 16:32, 18F

08/09 16:32, , 19F
在ready寫 , 我目前是還沒碰過有問題 . @.@
08/09 16:32, 19F

08/09 19:19, , 20F
嗯嗯,謝謝你唷。
08/09 19:19, 20F

05/04 02:43, , 21F
05/04 02:43, 21F
※ 編輯: TonyQ 來自: 61.224.239.208 (12/15 23:58)
文章代碼(AID): #18dIzABS (Ajax)
文章代碼(AID): #18dIzABS (Ajax)