? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?事件類型
鼠標事件
onclick 鼠標點擊? ? ? ? ? ?ondbclick 雙擊
onmouseenter 鼠標移入? ? ??不能使用事件冒泡 委托
onmouseleave 鼠標移出? ? ? ??不能使用事件冒泡 委托
onmouseover 鼠標移入? ? ? ? ? ??onmouseout 鼠標移出
onmousemove 鼠標移動
onmousedown 鼠標按下
onmouseup 鼠標抬起
鍵盤事件
onkeydown 鍵盤按下
onkeyup 鍵盤松開
onkeypress 按下松開
表單事件
onfocus 獲取焦點? ?普通標簽想要擁有焦點事件，需要添加? tabindex? 屬性
<div class="box" tabindex="1"></div>
onblur 失去焦點? ? ? ? ? ? ?oninput 輸入事件
onchange 表單元素狀態(tài)發(fā)生改變(checkbox,select）? ?checked 獲取的屬性值為? true? 或者? false
onsubmit 表單提交事件? ? ? ? ??onreset 表單重置事件
窗口事件
onload 當網(wǎng)頁加載完畢時會觸發(fā)
onscroll 滾動事件
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?移動端的touch事件
注意：移動端可以使用pc端的事件，但是pc端不能使用移動端事件
原生touche事件
div.ontouchstart = function(){}? ? ?手指開始觸摸事件
div.ontouchmove = function(){}? ?手指移動事件
div.ontouchend = function(){}? ? ? ? ?手指離開事件
div.ontouchcancle = function(){}? ? ? 關機涧黄，來電等突發(fā)狀況會導致觸摸事件的意外中斷
手指觸摸事件意外中斷
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 滾動事件
scrollTop屬性 ，獲取滾動高度
document.documentElement.scrollTop 和document.scrollingElement.scrollTop獲取頁面滾動高度
獲取頁面滾動高度scrollingElement
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 事件監(jiān)聽
DOM零級事件：特點是：簡單砂轻，兼容性好：但是多次綁定相同事件运翼，下面的會把上面的覆蓋
事件監(jiān)聽的方式：addEventListeener()? ?參數(shù)1：事件類型，參數(shù)2：事件函數(shù)
DOM2級事件：特點是：多次綁定相同的事件不會被覆蓋
移出事件? ?removeEventListener()
參數(shù)1：事件類型：參數(shù)2：事件函數(shù)名稱
注意：無法移除匿名函數(shù)
box2.addEventListener('click',fun1)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?三元運算符
條件表達式激涤？結果1：結果2
如果表達式成立衷蜓，取“結果1”累提；否則，取“結果2”
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?拖拽事件
1.拖拽開始 ： dragstart
2.拖拽到指定位置 ： dragover
3.放下拖拽元素 ： drop
默認情況下磁浇，執(zhí)行ondragover事件時斋陪，(谷歌)瀏覽器不允許進入drop事件，即不允許放下拖拽的
元? ?素置吓，因此无虚，需要阻止瀏覽器的默認行為? ? ? ?e.preventDefault()
