-
事件對象的屬于與方法有很多,但是我們經(jīng)常用的只有那么幾個,這里我主要說下作用與區(qū)別 event.type:獲取事件的類型 觸發(fā)元素的事件類型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:獲取鼠標當前相對于頁面的坐標 通過這2個屬性,可以確定元素在當前頁面的坐標值,鼠標相對于文檔的左邊緣的位置(左邊)與 (頂邊)的距離,簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 event.preventDefault() 方法:阻止默認行為 這個用的特別多,在執(zhí)行這個方法后,如果點擊一個鏈接(a標簽),瀏覽器不會跳轉(zhuǎn)到新的 URL 去了。我們可以用 event.isDefaultPrevented() 來確定這個方法是否(在那個事件對象上)被調(diào)用過了 event.stopPropagation() 方法:阻止事件冒泡 事件是可以冒泡的,為防止事件冒泡到DOM樹上,也就是不觸發(fā)的任何前輩元素上的事件處理函數(shù) event.which:獲取在鼠標單擊時,單擊的是鼠標的哪個鍵 event.which 將 event.keyCode 和 event.charCode 標準化了。event.which也將正?;陌粹o按下(mousedown 和 mouseupevents),左鍵報告1,中間鍵報告2,右鍵報告3 event.currentTarget : 在事件冒泡過程中的當前DOM元素 冒泡前的當前觸發(fā)事件的DOM對象, 等同于this. this和event.target的區(qū)別: js中事件是會冒泡的,所以this是可以變化的,但event.target不會變化,它永遠是直接接受事件的目標DOM元素; .this和event.target都是dom對象 如果要使用jquey中的方法可以將他們轉(zhuǎn)換為jquery對象。比如this和$(this)的使用、event.target和$(event.target)的使用;查看全部
-
事件對象是用來記錄一些事件發(fā)生時的相關(guān)信息的對象。事件對象只有事件發(fā)生時才會產(chǎn)生,并且只能是事件處理函數(shù)內(nèi)部訪問,在所有事件處理函數(shù)運行結(jié)束后,事件對象就被銷毀 回到上面的問題,既然事件對象是跟當前觸發(fā)元素息息相關(guān)的,所以我們就能從里面相關(guān)的信息,從事件對象中找到 event.target event.target target 屬性可以是注冊事件時的元素,或者它的子元素。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經(jīng)常用于事件冒泡時處理事件委托 簡單來說:event.target代表當前觸發(fā)事件的元素,可以通過當前元素對象的一系列屬性來判斷是不是我們想要的元素查看全部
-
卸載事件off()方法 通過.on()綁定的事件處理程序 通過off() 方法移除該綁定 根據(jù)on綁定事件的一些特性,off方法也可以通過相應(yīng)的傳遞組合的事件名,名字空間,選擇器或處理函數(shù)來移除綁定在元素上指定的事件處理函數(shù)。當有多個過濾參數(shù)時,只有與這些參數(shù)完全匹配的事件處理函數(shù)才會被移除 綁定2個事件 $("elem").on("mousedown mouseup",fn) 刪除一個事件 $("elem").off("mousedown") 刪除所有事件 $("elem").off("mousedown mouseup") 快捷方式刪除所有事件,這里不需要傳遞事件名了,節(jié)點上綁定的所有事件講全部銷毀 $("elem").off()查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject):當鼠標指針進入元素時觸發(fā)執(zhí)行的事件函數(shù) handlerOut(eventObject):當鼠標指針離開元素時觸發(fā)執(zhí)行的事件函數(shù)查看全部
-
最大的不同點就是on是可以自定義事件名,當然不僅僅只是如何,繼續(xù)往下看 多個事件綁定同一個函數(shù) 通過空格分離,傳遞不同的事件名,可以同時綁定多個事件 多個事件綁定不同函數(shù) 通過空格分離,傳遞不同的事件名,可以同時綁定多個事件,每一個事件執(zhí)行自己的回調(diào)方法 將數(shù)據(jù)傳遞到處理程序查看全部
-
KeyPress主要用來接收字母、數(shù)字等ANSI字符,而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如:功能鍵(F1-F12)、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
方法一:$ele.submit() 綁定$ele元素,不帶任何參數(shù)一般是用來指定觸發(fā)一個事件,用的比較少 方法二:$ele.submit( handler(eventObject) ) 綁定$ele元素,每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋做很多操作了查看全部
-
方法一:$ele.focusout() 綁定$ele元素,不帶任何參數(shù)一般是用來指定觸發(fā)一個事件,可能一般用的比較少 方法二:$ele.focusout( handler ) 綁定$ele元素,每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋做很多操作了 方法三:$ele.focusout( [eventData ], handler ) 使用與方法二一致,不過可以接受一個數(shù)據(jù)參數(shù),這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題查看全部
-
方法一:$ele.focusin() 綁定$ele元素,不帶任何參數(shù)一般是用來指定觸發(fā)一個事件,一般用的比較少 方法二:$ele.focusin( handler ) 綁定$ele元素,每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋做很多操作了 方法三:$ele.focusin( [eventData ], handler ) 使用與方法二一致,不過可以接受一個數(shù)據(jù)參數(shù),這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject):當鼠標指針進入元素時觸發(fā)執(zhí)行的事件函數(shù) handlerOut(eventObject):當鼠標指針離開元素時觸發(fā)執(zhí)行的事件函數(shù)查看全部
-
mouseenter事件和mouseover的區(qū)別 關(guān)鍵點就是:冒泡的方式處理問題 簡單的例子: mouseover為例: <div class="aaron2"> <p>鼠標離開此區(qū)域觸發(fā)mouseleave事件</p> </div> 如果在p元素與div元素都綁定mouseover事件,鼠標在離開p元素,但是沒有離開div元素的時候,觸發(fā)的結(jié)果: p元素響應(yīng)事件 div元素響應(yīng)事件 這里的問題是div為什么會被觸發(fā)? 原因就是事件冒泡的問題,p元素觸發(fā)了mouseover,他會一直往上找父元素上的mouseover事件,如果父元素有mouseover事件就會被觸發(fā) 所以在這種情況下面,jQuery推薦我們使用 mouseenter事件 mouseenter事件只會在綁定它的元素上被調(diào)用,而不會在后代節(jié)點上被觸發(fā)查看全部
-
你們看focus和blur事件都綁到了div上,你點擊input或者點完移開失去焦點當然沒反應(yīng)了,因為input沒有綁定事件啊。 而focusin和focuout也綁在div上,為啥有反應(yīng)呢? 因為后者在你點input的時候會一級一級的往上面查父元素,如果父元素有事件就執(zhí)行了,所以你看到了效果。這叫事件冒泡。 為啥前者不行呢?因為前者不支持事件冒泡。查看全部
-
jQuery鼠標事件之mousemove事件 首先你要知道這里的e是代表什么東西。這里的e 就是 event.(在IE和FF下有點不同,因為jquery已經(jīng)處理了兼容,所以就沒關(guān)系。) 2. event代表事件的狀態(tài),每當某個事件發(fā)生時,瀏覽器的內(nèi)存中就產(chǎn)生相應(yīng)的 event對象。它本身下面也有些屬性,比如常用的event.clientX獲取鼠標位置。 注意:event對象只在事件發(fā)生的過程中才有效。 3. 當一個事件處理器被觸發(fā)時,名為Event的類實例會作為第一個參數(shù)傳入處理器中。這里的e就是接收這個的形參了.. js中事件是會冒泡的,所以this是可以變化的,但event.target不會變化,它永遠是直接接受事件的目標DOM元素; this,表示當前的上下文對象是一個html對象,可以調(diào)用html對象所擁有的屬性和方法。 $(this),代表的上下文對象是一個jquery的上下文對象,可以調(diào)用jQuery的方法和屬性值。查看全部
-
方法一:$ele.mousedown() 綁定$ele元素,不帶任何參數(shù)一般是用來指定觸發(fā)一個事件,可能一般用的比較少; 方法二:$ele.mousedown( handler(eventObject) ) 綁定$ele元素,每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù); 方法三:$ele.mousedown( [eventData ], handler(eventObject) )。查看全部
-
click方法用于監(jiān)聽用戶單擊操作,dbclick方法用于監(jiān)聽用戶雙擊操作 方法一:$ele.click() 方法二:$ele.click( handler(eventObject) ) 方法三:$ele.click( [eventData ], handler(eventObject) )查看全部
舉報
0/150
提交
取消