事件繫結高階應用

1 addevent(document.getelementbyid('d1'),'click', function())
2 3 /*繫結事件的函式封裝*/
4 function addevent(obj, otype, fn )
9 else
12 }
13 }

function()
/*阻止冒泡函式封裝*/
function stopbubble(ev)
else
};

事件繫結

ie方式

attachevent(事件名稱，函式)，繫結事件處理函式

datachevent(事件名稱，函式)，解除繫結

dom方式

addeventlistener(事件名稱，函式，捕獲)

removeeventlistener(事件名稱，函式，捕獲)

何時使用時間繫結

繫結事件和this

繫結匿名函式，會無法刪除

繫結iethis問題

高階拖拽

複習拖拽原理

距離不變

三個事件， down move up

封裝成函式

限制範圍

對位置進行判斷

例1 不能拖出視窗的div

例2 不能拖出指定物件的div

磁性吸附

高階拖拽(2)

拖拽阻止預設事件

文字選中

阻止預設事件

ie下拖動問題

事件捕獲

碰撞檢測

碰撞檢測原理-----九宮格

拖拽中的碰撞檢測

高階拖拽(3)

與dom的配合

帶框的拖拽

保留原有的位置拖拽

彈出層拖拽改變div的大小

自定義滾動條

拖拽只有橫向的拖拽

限制範圍------範圍的大小

計算比例---當前值/最大值

控制其他物件，

控制物體的大小

控制物體的透明度

控制文字的滾動

滑鼠滾輪

滑鼠滾輪事件

事件mousewheel

dommousescroll

》dom事件只能繫結，阻止預設事件--preventdefault

屬性ie下 wheeldelta

dom下 detail

應用到自定義滾動條---給誰加事件

滾動索引設定

滾動事件處理

滾動改變亮度

滾動改變大小

所有可能讓你變得更好的努力，在一開始就被你扼殺了。如果你一直沒有嘗試邁出第一步，怎麼可能掌握栽培綠植的方法，怎麼可能享受到跑步之後大汗淋漓的酣暢……難道害怕自己沒有經驗，害怕中途突然出現的變故，害怕事到最後依然不盡如人意的結局，或者僅僅是怕輸、怕被嘲笑，就不敢嘗試了嗎？我們每個人都有自己的夢想，都有想要達成的目標，都有希望成為的樣子，但在這個過程中，總會出現各種干擾。與其畏縮不前，何不趁青春年少，大膽一試？許多事情，不是因為做不到才讓人失去了信心，而是因為失去了信心，才變得難以做到想起之前看到楊瀾在書中寫到她對麥可·喬丹的採訪，這位被譽為「飛人」的偉大運動員說：「我起碼有9000次投球不中，我輸過不下300場比賽，有26次人們期待我投入制勝一球而我卻失誤了。我的一生中失敗乙個接著乙個，這就是為什麼我能夠成功。我從未害怕過失敗，我可以接受失敗，但我不能接受沒有嘗試。」喬丹說，面對所有的傷痛和困境，他的法寶就是父母從小教育他的那句話：「誰都會遇到倒霉事，你的任務是想辦法把壞事變成好事。人這一生總有很多的殘缺，我不是為了追求完美而活著，我是為了彌補殘缺而更好的活著。為了自己，為了父親，也為了很多很多的關心我的人。人這一生總會遇到很多的不如意，我不是為了逃避而活著，我是為了好好地面對而更好的活著。人這一生總是會讓命運作弄，一次又一次，周而復始，我不是為了認命而活著，我是為了堅持，為了信仰，為了夢想而更好的活著。即便曾經一度垂死掙扎，而今，烏雲散去，風雨平息，一切又是新的開始，即便生活再艱難，人生再無奈。為了自己，為了父親，為了很多很多關心我的人。為了信仰，為了希望，為了夢想。我想好好的活著。

滑鼠配合滾動文字

本節重點

拖拽---封裝

拖拽----限制範圍

拖拽----磁性吸附

拖拽---

拖拽---dom

碰撞檢測

拖拽磁性吸附

帶框拖拽

帶框拖拽2

拖拽封裝

拖拽改變大小

asdfas asdfs zcvx

拖拽問題解決

事件繫結高階應用

jQuery事件繫結 on 簡要概述及應用

jQuery事件繫結 on 簡要概述及應用

jQuery事件繫結 on 簡要概述及應用

事件繫結高階應用

jQuery事件繫結 on 簡要概述及應用

jQuery事件繫結 on 簡要概述及應用

jQuery事件繫結 on 簡要概述及應用

相關推薦