-
<div class="left"> <div><span></span><span>0</span>點擊次數(shù)</div> <button>直接點擊</button> <button>通過自定義點擊</button> </div> <script type="text/javascript"> //點擊更新次數(shù) $("button:first").click(function(event,bottonName) { bottonName = bottonName || 'first' update($("span:first"),$("span:last"),bottonName) }); //通過自定義事件調(diào)用，更新次數(shù) $("button:last").click(function() { $("button:first").trigger("click","last") }); function update(first,last,bottonName) { first.text(bottonName); var n = parseInt(last.text(),10); last.text(n+1); } </script>查看全部
-
jQuery事件對象的屬性和方法 事件對象的屬于與方法有很多，但是我們經(jīng)常用的只有那么幾個，這里我主要說下作用與區(qū)別 event.type：獲取事件的類型 觸發(fā)元素的事件類型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：獲取鼠標當前相對于頁面的坐標 通過這2個屬性，可以確定元素在當前頁面的坐標值，鼠標相對于文檔的左邊緣的位置（左邊）與 （頂邊）的距離，簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 event.preventDefault() 方法：阻止默認行為 這個用的特別多，在執(zhí)行這個方法后，如果點擊一個鏈接（a標簽），瀏覽器不會跳轉到新的 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中的方法可以將他們轉換，為jquery對象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
-
jQuery事件對象的屬性和方法 事件對象的屬于與方法有很多，但是我們經(jīng)常用的只有那么幾個，這里我主要說下作用與區(qū)別 event.type：獲取事件的類型 觸發(fā)元素的事件類型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：獲取鼠標當前相對于頁面的坐標 通過這2個屬性，可以確定元素在當前頁面的坐標值，鼠標相對于文檔的左邊緣的位置（左邊）與 （頂邊）的距離，簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 event.preventDefault() 方法：阻止默認行為 這個用的特別多，在執(zhí)行這個方法后，如果點擊一個鏈接（a標簽），瀏覽器不會跳轉到新的 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中的方法可以將他們轉換，為jquery對象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
-
事件對象是用來記錄一些事件發(fā)生時的相關信息的對象。事件對象只有事件發(fā)生時才會產(chǎn)生，并且只能是事件處理函數(shù)內(nèi)部訪問，在所有事件處理函數(shù)運行結束后，事件對象就被銷毀 回到上面的問題，既然事件對象是跟當前觸發(fā)元素息息相關的，所以我們就能從里面相關的信息，從事件對象中找到 event.target event.target target 屬性可以是注冊事件時的元素，或者它的子元素。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經(jīng)常用于事件冒泡時處理事件委托 簡單來說：event.target代表當前觸發(fā)事件的元素，可以通過當前元素對象的一系列屬性來判斷是不是我們想要的元素查看全部
-
<script type="text/javascript"> //給body綁定一個click事件 //沒有直接a元素綁定點擊事件 //通過委托機制，點擊a元素的時候，事件觸發(fā) $('body').on('click', 'a', function(e) { alert(e.target.textContent) }) </script>查看全部
-
當textarea或文本類型的input元素中的文本被選擇時，會發(fā)生select事件 $("input").select(function(e){ alert(e.target.value) }) $("#bt1").click(function(){ $("input").select(); })查看全部
-
$(".target3").change(function(e) { $("#result").html(e.target.value) })查看全部
-
triggerHandler事件 trigger事件還有一個特性：會在DOM樹上冒泡，所以如果要阻止冒泡就需要在事件處理程序中返回false或調(diào)用事件對象中的.stopPropagation() 方法可以使事件停止冒泡查看全部
-
<div class="left"> <div class="aaron"> <ul> <li>點擊：觸發(fā)一</li> <li>點擊：觸發(fā)二</li> <li>點擊：觸發(fā)三</li> <li>點擊：觸發(fā)四</li> </ul> </div> </div> <script type="text/javascript"> //多事件綁定一 $("ul").on('click',function(e){ alert('觸發(fā)的元素是內(nèi)容是: ' + e.target.textContent) }) </script>查看全部
-
on()高級用法： delegate方法 底層實現(xiàn)部分還是on方法查看全部
-
$('body').on('click', 'a', function(e) { alert(this.textContent) }) $('body').on('click', 'a', function(e) { alert(e.target.textContent) })查看全部
-
KeyPress主要用來接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
keydown是在鍵盤按下就會觸發(fā) keyup是在鍵盤松手就會觸發(fā)查看全部
-
點擊輸入框變色 $("input:first").focusin(function() { $(this).css('border','1px solid red') })查看全部
-
jQuery提供了兩個方法一個是click方法用于監(jiān)聽用戶單擊操作，另一個方法是dbclick方法用于監(jiān)聽用戶雙擊操作。查看全部
舉報
0/150
提交
取消