亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

keyup事件：

當用戶在一個元素上第一次松手鍵盤上的鍵的時候，就會觸發它。使用方法與keydown是一致的只是觸發的條件是方法的

?

注意：

• keydown是在鍵盤按下就會觸發

• keyup是在鍵盤松手就會觸發

• 理論上它可以綁定到任何元素，但keydown/keyup事件只是發送到具有焦點的元素上，不同的瀏覽器中，可獲得焦點的元素略有不同，但是表單元素總是能獲取焦點，所以對于此事件類型表單元素是最合適的。

select事件只能用于<input>元素與<textarea>元素

select()方法同樣有三種使用方法，一種是直接使用，一種是通過觸發回調函數執行操作，第三種是通過回調函數進行操作但是可以接受一個參數。

當元素失去焦點時觸發blur()事件，與focus(in,out)等方法相同，只是在是否支持冒泡上面有本質上的區別

hover()方式等同于mouseenter()方式 + mouseleave()方式

$(selector).hover(handlerIn,?handlerOut)

• handlerIn(eventObject)：當鼠標指針進入元素時觸發執行的事件函數

• handlerOut(eventObject)：當鼠標指針離開元素時觸發執行的事件函數

mouseleave()方式與mouseout()方式對應? 為鼠標移出

作用同樣是可以減少不必要的觸發事件

mouseover()方法觸發方式為當觸發p元素響應時div元素同時響應，

1. mouseenter()方法觸發方式為當觸發p元素響應時div元素不響應，只是p元素單獨響應，當鼠標從外部移動到div或移動出div元素時外部觸發響應，當觸發p元素響應時只是觸發p元素，比mouseover()方法的觸發次數少

mouseover()方法移入，mouseout()方法移除

mousedown()方法點擊? mouseup()方法松開

mousemove()鼠標移動

mousemove事件觸發需要以下幾點：

• mousemove事件是當鼠標指針移動時觸發的，即使是一個像素

• 如果處理器做任何重大的處理，或者如果該事件存在多個處理函數，這可能造成瀏覽器的嚴重的性能問題

mousedown事件觸發需要以下幾點：

• mousedown強調是按下觸發

• 如果在一個元素按住了鼠標不放，并且拖動鼠標離開這個元素，并釋放鼠標鍵，這仍然是算作mousedown事件

• 任何鼠標按鈕被按下時都能觸發mousedown事件

• 用event 對象的which區別按鍵，敲擊鼠標左鍵which的值是1，敲擊鼠標中鍵which的值是2，敲擊鼠標右鍵which的值是3

mouseup事件觸發需要以下幾點：

• mouseup強調是松手觸發，與mousedown是相反的

• mouseup與mousedown組合起來就是click事件

• 如果用戶在一個元素上按下鼠標按鍵，并且拖動鼠標離開這個元素，然后釋放鼠標鍵，這仍然是算作mouseup事件

• 任何鼠標按鈕松手時都能觸發mouseup事件

• 用event 對象的which區別按鍵，敲擊鼠標左鍵which的值是1，敲擊鼠標中鍵which的值是2，敲擊鼠標右鍵which的值是3

click方法用于監聽用戶單擊操作，另一個方法是dbclick方法用于監聽用戶雙擊操作。

?$("ele").click()??//手動指定觸發事件

$("#test").click(function()?{
????//this指向?div元素
});

• click事件其實是由mousedown與mouseup 2個動作構成，所以點擊的動作只有在松手后才觸發

value值是在keydown事件之后和在keyup事件之前才傳遞過去的 所以在第一個框里輸入第一次字符是不顯示的而在第二個框里是顯示的

keydown事件觸發在文字還沒敲進文本框，這時如果在keydown事件中輸出文本框中的文本，得到的是觸發鍵盤事件前的文本，而keyup事件觸發時整個鍵盤事件的操作已經完成，獲得的是觸發鍵盤事件后的文本

看不懂

在之前2.8與2.9節我們學過了表單處理事件focusin事件與focusout事件，同樣用于處理表單焦點的事件還有blur與focus事件

它們之間的本質區別:

是否支持冒泡處理

舉個簡單的例子

<div>
??<input?type="text"?/>
</div>

其中input元素可以觸發focus()事件

div是input的父元素，當它包含的元素input觸發了focus事件時，它就產生了focusin()事件。

focus()在元素本身產生，focusin()在元素包含的元素中產生

blur與focusout也亦是如此

具體參考下案例，給出來的區別

jquery 的hover也會出現冒泡事件

如果在p元素與div元素都綁定mouseover事件，鼠標在離開p元素，但是沒有離開div元素的時候，觸發的結果:

1. p元素響應事件

2. div元素響應事件

這里的問題是div為什么會被觸發？ 原因就是事件冒泡的問題，p元素觸發了mouseover，他會一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就會被觸發

所以在這種情況下面，jQuery推薦我們使用 mouseenter事件

mouseenter事件只會在綁定它的元素上被調用，而不會在后代節點上被觸發

? //多事件綁定一

? ? ? ? $("ul").on('click',function(e){

? ? ? ? ? ?alert('觸發的元素是內容是: ' + e.target.tagName)

? ? ? ? })

e.target.tagName 點擊哪個li就是哪個li,點擊ul就是ul.

this? 因為js是會冒泡的，所以點擊li的時候，this會變成ul.