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

keypress事件與keydown和keyup的主要區別

• 只能捕獲單個字符，不能捕獲組合鍵

• 無法響應系統功能鍵（如delete，backspace）

• 不區分小鍵盤和主鍵盤的數字字符

• 不能顯示中文

總而言之，

KeyPress主要用來接收字母、數字等ANSI字符，而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。

具體能觸發submit事件的行為：

• <input type="submit">

• <input type="image">

• <button type="submit">

• 當某些表單元素獲取焦點時，敲擊Enter（回車鍵）

上述這些操作下，都可以截獲submit事件。

這里需要特別注意：

form元素是有默認提交表單的行為，如果通過submit處理的話，需要禁止瀏覽器的這個默認行為
傳統的方式是調用事件對象??e.preventDefault()?來處理，?jQuery中可以直接在函數中最后結尾return?false即可

jQuery處理如下：

$("#target").submit(function(data)?{?
???return?false;?//阻止默認行為，提交表單
});

Query表單事件之select事件

當 textarea 或文本類型的 input 元素中的文本被選擇時，會發生 select 事件。
這個函數會調用執行綁定到select事件的所有函數，包括瀏覽器的默認行為。可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。

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

Query表單事件之change事件

<input>元素，<textarea>和<select>元素的值都是可以發生改變的，開發者可以通過change事件去監聽這些改變的動作

input元素

監聽value值的變化，當有改變時，失去焦點后觸發change事件。對于單選按鈕和復選框，當用戶用鼠標做出選擇時，該事件立即觸發。

?

select元素

對于下拉選擇框，當用戶用鼠標作出選擇時，該事件立即觸發

?

textarea元素

多行文本輸入框，當有改變時，失去焦點后觸發change事件

?

change事件很簡單，無非就是注意下觸發的先后行為，可以看看右邊代碼參考

jQuery表單事件之blur與focus事件

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

它們之間的本質區別:

是否支持冒泡處理

mouseenter/mouseleave

鼠標進入/離開元素后觸發一次事件，元素的父元素不會冒泡觸發事件

mouseover/mouseout

鼠標進入/離開元素觸發一次事件的同時 元素的父元素也會冒泡同時觸發一次事件

jQuery推薦我們使用 mouseenter事件

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

方法一：$ele.click()

綁定$ele元素，不帶任何參數一般是用來指定觸發一個事件，用的比較少

<div?id="test">點擊觸發<div>
$("ele").click(function(){
????alert('觸發指定事件')
})
$("#test").click(function(){?????$("ele").click()??//手動指定觸發事件?
});

方法二：$ele.click( handler(eventObject) )

綁定$ele元素，每次$ele元素觸發點擊操作會執行回調?handler函數，這樣可以針對事件的反饋做很多操作了，方法中的this是指向了綁定事件的元素

<div?id="test">點擊觸發<div>
$("#test").click(function()?{
????//this指向?div元素
});

方法三：$ele.click( [eventData ], handler(eventObject) )

使用與方法二一致，不過可以接受一個數據參數，這樣的處理是為了解決不同作用域下數據傳遞的問題

<div?id="test">點擊觸發<div>
$("#test").click(11111,function(e)?{
????//this指向?div元素
????//e.data??=>?11111?傳遞數據
});

具體能觸發submit事件的行為：

• <input type="submit">

• <input type="image">

• <button type="submit">

• 當某些表單元素獲取焦點時，敲擊Enter（回車鍵）

keydown 是在按之前判斷（當時text還沒有內容），觸發一次空，當下一次按鍵時，就觸發上一次輸入的內容，所以就少一個。

e.target.value的意思是找到發生的事件綁定的對象的value的值，也就是這里的.target1他的value值

了不起的bug大師

DIV直接使用“focus”和“blur”兩個方法是無效的，需添加tabindex="0"或者contenteditable="true"屬性。
設置div為可編輯狀態，則可點擊獲取焦點，同時div的內容也是可以編輯的；如：
<div contenteditable="true">11111111111111</div>
設置div的tabindex，此時div的內容是不可編輯的；如：
<div tabindex="0">11111111111111</div>

PS:設置tabindex屬性，按鍵盤Tab鍵可讓其獲取焦點，其中tabindex的值越小在tab鍵切換的時候就會首先聚焦。

當一個元素綁定focusin（）后，自身或者其內部任何一個元素獲得焦點的時候，就會觸發focusin（）事件；
focus（）只能在自身獲得焦點的時候，才會觸發focus（）事件。

mouseover 事件要考慮到事件冒泡，也就是a的父級元素也有綁定mouseover事件的話，那么a的事件觸發的同時也會觸發父級元素的事件

$(".aaron1").mousemove(function(e) { ? ? ? ?$(this).find('p:last').html('移動的X位置：' + e.pageX) ? ?}) pageX() 屬性是鼠標指針的位置，相對于文檔的左邊緣。 pageY() 屬性是鼠標指針的位置，相對于文檔的上邊緣。