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

mouseover與mouseenter的區別

關鍵點在于：冒泡的方式處理問題；

某元素觸發了mouseover，他會一直往上找該元素的父元素的mouseover事件，如果父元素由mouseover事件就會唄觸發，所以對于這一種情況，jQuery推薦使用mouseenter事件。

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

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

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

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

鼠標事件：mousedown事件與mouseup事件

用戶交互操作中，最簡單直接的操作就是點擊操作。

mousedown快捷方法可以監聽用戶鼠標按下的操作；

mouseup快捷方法可以監聽用戶鼠標彈起的操作。

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

測試二是先選中p標簽，然后設置一個點擊事件，調用函數，該函數的功能是彈出一個窗口顯示文本節點的內容，再然后選中第二個button按鈕，也設置一個點擊事件，點擊該按鈕會調用上面的函數。

測試三是先設置一個函數data（），該函數的功能是彈出一個窗口顯示e的值，然后在設置一個函數a()，該函數先選中第三個button，然后綁定一個點擊事件，點擊之后將1111傳遞給data函數的e，然后a（）表示調用該函數

click事件與dbclick事件

click方法用于監聽用戶單擊操作，

dbclick方法用于監聽用戶雙擊操作

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

click事件其實是由mousedown和mouseup兩個動作構成，所以點擊動作只有在松手之后才觸發。

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

此事件是由兩個click疊加而成，事件被觸發需要滿足：

1、鼠標指針在元素里面時被點擊

2、鼠標指針在元素里面時釋放

3、鼠標指針在元素里面時再次點擊，點擊間隔時間是由系統而定的。

4、鼠標指針在元素里面時再次釋放

trigger() 會影響所有與 jQuery 對象相匹配的元素，而 .triggerHandler() 僅影響第一個匹配到的元素

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

event.target代表當前觸發事件的元素，可以通過當前元素對象的一系列屬性來判斷是不是我們想要的元素

blur不會冒泡，focus會冒泡

textContent文本內容

event.type：獲取事件的類型

觸發元素的事件類型

$("a").click(function(event)?{
??alert(event.type);?//?"click"事件
});

event.pageX 和 event.pageY：獲取鼠標當前相對于頁面的坐標

通過這2個屬性，可以確定元素在當前頁面的坐標值，鼠標相對于文檔的左邊緣的位置（左邊）與 （頂邊）的距離，簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化

event.preventDefault() 方法：阻止默認行為

這個用的特別多，在執行這個方法后，如果點擊一個鏈接（a標簽），瀏覽器不會跳轉到新的 URL 去了。我們可以用 event.isDefaultPrevented() 來確定這個方法是否(在那個事件對象上)被調用過了

event.stopPropagation() 方法：阻止事件冒泡

事件是可以冒泡的，為防止事件冒泡到DOM樹上，也就是不觸發的任何前輩元素上的事件處理函數

event.which：獲取在鼠標單擊時，單擊的是鼠標的哪個鍵

event.which 將 event.keyCode 和 event.charCode 標準化了。event.which也將正?；陌粹o按下(mousedown 和 mouseupevents)，左鍵報告1，中間鍵報告2，右鍵報告3

event.currentTarget : 在事件冒泡過程中的當前DOM元素

冒泡前的當前觸發事件的DOM對象, 等同于this.

this和event.target的區別：

js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠是直接接受事件的目標DOM元素；

.this和event.target都是dom對象

如果要使用jquey中的方法可以將他們轉換為jquery對象。比如this和$(this)的使用、event.target和$(event.target)的使用；

on()方法綁定事件處理程序

off()方法移除該綁定程序

$("elem").on("mousedown?mouseup",fn)

刪除一個事件

$("elem").off("mousedown")

刪除所有事件

$("elem").off("mousedown?mouseup")

快捷方式刪除所有事件，這里不需要傳遞事件名了，節點上綁定的所有事件講全部銷毀

$("elem").off()

<div?class="left">
????<p?class="aaron">
????????<a>目標節點</a>?//點擊在這個元素上
????</p>
</div>

給出如下代碼：

$("div").on("click","p",fn)

事件綁定在最上層div元素上，當用戶觸發在a元素上，事件將往上冒泡，一直會冒泡在div元素上。如果提供了第二參數，那么事件在往上冒泡的過程中遇到了選擇器匹配的元素，將會觸發事件回調函數

多個事件綁定同一個函數

?$("#elem").on("mouseover?mouseout",function(){?});

通過空格分離，傳遞不同的事件名，可以同時綁定多個事件

多個事件綁定不同函數

$("#elem").on({
????mouseover:function(){},??
????mouseout:function(){}
});

通過空格分離，傳遞不同的事件名，可以同時綁定多個事件，每一個事件執行自己的回調方法

keydown()方法和keyup()方法為監聽鍵盤事件，與鼠標事件相對應