第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

?var i = 0;

? ? ? ? $(".aaron1 p").mouseover(function(e) {

? ? ? ? ? ? $(".aaron1 a:first").html('mouseover事件觸發(fā)次數：' + (++i))

? ? ? ? })

? ? ? ? var n = 0;

? ? ? ? $(".aaron1").mouseover(function() {

? ? ? ? ? ? $(".aaron1 a:last").html('mouseover冒泡事件觸發(fā)次數：' + (++n))

? ? ? ? })

? ? $(".aaron2 p").mouseenter(function(e) {

? ? ? ? ? ? $(".aaron2 a:first").html('mouseenter事件觸發(fā)次數：' + (++i))

? ? ? ? })

? ? ? ? var n = 0;

? ? ? ? $(".aaron2").mouseenter(function() {

? ? ? ? ? ? $(".aaron2 a:last").html('mouseenter冒泡事件觸發(fā)次數：' + (++n))

? ? ? ? })

? ? <script type="text/javascript">

? ? ? ? var n = 0;

? ? ? ? //綁定一個mouseover事件

? ? ? ? $(".aaron1 p:first").mouseover(function(e) {

? ? ? ? ? ? $(".aaron1 a").html('進入元素內部,mouseover事件觸發(fā)次數：' + (++n))

? ? ? ? })

? ? </script>

$(".aaron1").mousemove(function(e) {

? ? ? ? $(this).find('p:last').html('移動的X位置：' + e.pageX+'移動的Y位置：'+e.pageY)

? ? })

$('h2').mousemove(function(e) {

? ? ? ? alert('觸發(fā)h2元素綁定的mousemove')

? ? })

? ? $("button:eq(0)").click(function(e) {

? ? ? ? $('h2').mousemove() //指定觸發(fā)綁定的事件

? ? })

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

? ? <h2>.mousedown()方法</h2>

? ? <h4>測試一</h4>

? ? <button>彈出回調中的鼠標鍵</button>

? ? <script type="text/javascript">

? ? //this指向button元素

? ? $("button:eq(0)").mousedown(function(e) {

? ? ? ? alert('e.which: ' + e.which)//e.which鼠標位置

? ? })

? ? </script>

? ? <h4>測試二</h4>

? ? <div class="test2">

? ? ? ? <p>$('button:first').mousedown(function(e) {alert(this)})</p>

? ? </div>

? ? <button>指定觸發(fā)事件</button>

? ? <script type="text/javascript">

? ? $('p').mousedown(function(e) {

? ? ? ? ? ? alert(e.target.textContent)

? ? ? ? })

? ? ? ? //this指向button元素

? ? $("button:eq(1)").mousedown(function() {

? ? ? ? $('p').mousedown() //指定觸發(fā)綁定的事件

? ? })

? ? </script>

? ? <h4>測試三</h4>

? ? <div class="test3">

? ? ? ? <p>$('.right').mousedown(1111, set)</p>

? ? </div>

? ? <button>不同函數傳遞數據</button>

? ? <script type="text/javascript">

? ? //不同函數傳遞數據

? ? function data(e) {

? ? ? ? alert(e.data) //1111

? ? }

? ? function a() {

? ? ? ? $("button:eq(2)").mousedown(1111, data)

? ? }

? ? a();

? ? </script>

$('p').click(function(e) {

? ? ? ? ? ? alert(e.target.textContent)

? ? ? ? })

? ? ? ? //this指向button元素

? ? ? ? $("button:eq(1)").click(function() {

? ? ? ? ? ? $('p').click() //指定觸發(fā)綁定的事件

? ? ? ? })

triggerHandler與trigger的用法是一樣的，重點看不同之處：

• triggerHandler不會觸發(fā)瀏覽器的默認行為，.triggerHandler( "submit" )將不會調用表單上的.submit()

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

• 使用 .triggerHandler() 觸發(fā)的事件，并不會在 DOM 樹中向上冒泡。 如果它們不是由目標元素直接觸發(fā)的，那么它就不會進行任何處理

• 與普通的方法返回 jQuery 對象(這樣就能夠使用鏈式用法)相反，.triggerHandler() 返回最后一個處理的事件的返回值。如果沒有觸發(fā)任何事件，會返回 undefined

trigger是根據綁定到匹配元素的給定的事件類型執(zhí)行所有的處理程序和行為

trigger觸發(fā)瀏覽器事件與自定義事件區(qū)別？

• 自定義事件對象，是jQuery模擬原生實現的

• 自定義事件可以傳遞參數

event.type：獲取事件的類型

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

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

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

event.which：獲取在鼠標單擊時，單擊的是鼠標的哪個鍵（左鍵報告1，中間鍵報告2，右鍵報告3）

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

this和event.target的區(qū)別：

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

.this和event.target都是dom對象

事件對象是用來記錄一些事件發(fā)生時的相關信息的對象。事件對象只有事件發(fā)生時才會產生，并且只能是事件處理函數內部訪問，
在所有事件處理函數運行結束后，事件對象就被銷毀。

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

on的另一個事件機制委托的機制

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

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

keypress事件與keydown和keyup的主要區(qū)別

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

• 無法響應系統(tǒng)功能鍵（如delete，backspace）

• 不區(qū)分小鍵盤和主鍵盤的數字字符

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

表單處理事件focusin事件與focusout事件，同樣用于處理表單焦點的事件還有blur與focus事件。

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

blur()在元素本身產生，focusout()在元素包含的元素中產生

focusin()和focusout()會產生冒泡事件。

$(ele).mouseenter(function(){
?????$(this).css("background",?'#bbffaa');
?})
$(ele).mouseleave(function(){
????$(this).css("background",?'red');
})
等價與
$("p").hover(????????
????function()?{$(this).css("background",?'red');},
????function()?{$(this).css("background",?'#bbffaa');
});

mouseenter事件和mouseover的區(qū)別：

mouseover事件冒泡的問題，p元素觸發(fā)了mouseover，他會一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就會被觸發(fā)；

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