-
click方法用于監(jiān)聽用戶單擊操作，dblclick方法用于監(jiān)聽用戶雙擊操作。下面以click()事件為例,使用上非常簡單： 方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少 <div id="test">點擊觸發(fā)<div> $("#text").click(function(){ $("ele").click() //手動指定觸發(fā)事件 }); 方法二：$ele.click( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調 handler函數(shù)，這樣可以針對事件的反饋做很多操作了，方法中的this是指向了綁定事件的元素 <div id="test">點擊觸發(fā)<div> $("#text").click(function() { //this指向 div元素 }); 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據傳遞的問題 <div id="test">點擊觸發(fā)<div> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據 }); dbclick()的用法和click()的用法是類似的，可以參考以上click()的用法。 dbclick與click事件不同的是： click事件觸發(fā)需要以下幾點： click事件其實是由mousedown與mouseup 2個動作構成，所以點擊的動作只有在松手后才觸發(fā) dblclick事件觸發(fā)需要以下幾點： dblclick又是由2個click疊加而來的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā) 鼠標指針在元素里面時點擊。 鼠標指針在元素里面時釋放。 鼠標指針在元素里面時再次點擊，點擊間隔時間，是系統(tǒng)而定。 鼠標指針在元素里面時再次釋放。 注意：在同一元素上同時綁定 click 和 dblclick 事件是不可取的。查看全部
-
jQuery事件對象的屬性和方法查看全部
-
$('body').on('click','a',function(e){ alert(e.target.value); }) 委托機制查看全部
-
keydown 和 keyup查看全部
-
focusin()聚焦 <script type="text/javascript"> //input聚焦 //給input元素增加一個邊框 $("input:first").focusin(function() { $(this).css('border','2px solid red') }) </script> <script type="text/javascript"> //不同函數(shù)傳遞數(shù)據 function fn(e) { $(this).val(e.data) } function a() { $("input:last").focusin('慕課網', fn) } a(); </script>查看全部
-
jQuery事件對象的作用 事件中的Event對象容易被初學者忽略掉，可能大多時候初學者不知道怎么去用它，但有些時候它還是非常有用的 一個標準的"click"點擊事件 $(elem).on("click",function(event){ event //事件對象 }) 在不同瀏覽器之間事件對象的獲取, 以及事件對象的屬性都有差異。jQuery根據 W3C 標準規(guī)范了事件對象，所以在jQuery事件回調方法中獲取到的事件對象是經過兼容后處理過的一個標準的跨瀏覽器對象 這里不在千篇一律的說方法的使用，通過實際的一個小案例，從而來了解事件對象的作用 <ul> <li class="even1"></li> <li class="even2"></li> <li class="even2"></li> ......... </ul> ul有N個子元素li(這里只寫了3個)，如果我要響應每一個li的事件，那么常規(guī)的方法就是需要給所有的li都單獨綁定一個事件監(jiān)聽，這樣寫法很符合邏輯，但是同時有顯得繁瑣 因為li都有一個共同的父元素，而且所有的事件都是一致的，這里我們可以采用要一個技巧來處理，也是常說的"事件委托" 事件沒直接和li元素發(fā)生關系，而且綁定父元素了。由于瀏覽器有事件冒泡的這個特性，我們可以在觸發(fā)li的時候把這個事件往上冒泡到ul上，因為ul上綁定事件響應所以就能夠觸發(fā)這個動作了。唯一的問題怎么才知道觸發(fā)的li元素是哪個一個？ 這里就引出了事件對象了 事件對象是用來記錄一些事件發(fā)生時的相關信息的對象。事件對象只有事件發(fā)生時才會產生，并且只能是事件處理函數(shù)內部訪問，在所有事件處理函數(shù)運行結束后，事件對象就被銷毀 回到上面的問題，既然事件對象是跟當前觸發(fā)元素息息相關的，所以我們就能從里面相關的信息，從事件對象中找到 event.target event.target target 屬性可以是注冊事件時的元素，或者它的子元素。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經常用于事件冒泡時處理事件委托 簡單來說：event.target代表當前觸發(fā)事件的元素，可以通過當前元素對象的一系列屬性來判斷是不是我們想要的元素查看全部
-
多個事件綁定同一個函數(shù) $("#elem").on("mouseover mouseout",function(){ }); 通過空格分離，傳遞不同的事件名，可以同時綁定多個事件 多個事件綁定不同函數(shù) $("#elem").on({ mouseover:function(){}, mouseout:function(){}, });查看全部
-
focus與blur事件：不支持冒泡，focusin與focusout支持冒泡查看全部
-
注意： keydown是在鍵盤按下就會觸發(fā) keyup是在鍵盤松手就會觸發(fā) 理論上它可以綁定到任何元素，但keydown/keyup事件只是發(fā)送到具有焦點的元素上，不同的瀏覽器中，可獲得焦點的元素略有不同，但是表單元素總是能獲取焦點，所以對于此事件類型表單元素是最合適的。查看全部
-
這里需要特別注意： form元素是有默認提交表單的行為，如果通過submit處理的話，需要禁止瀏覽器的這個默認行為 傳統(tǒng)的方式是調用事件對象 e.preventDefault() 來處理， jQuery中可以直接在函數(shù)中最后結尾return false即可查看全部
-
注意區(qū)分： $('：input')和$('input')查看全部
-
//回車鍵或者點擊提交表單 $('#target1').submit(function(e) { alert('捕獲提交表達動作,不阻止頁面跳轉') }); //回車鍵或者點擊提交表單,禁止瀏覽器默認跳轉： $('#target2').submit(function() { alert('捕獲提交表達動作,阻止頁面跳轉') return false; });查看全部
-
js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠是直接接受事件的目標DOM元素； .this和event.target都是dom對象查看全部
-
<div id="test">點擊觸發(fā)<div> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據 });查看全部
-
$('input:eq(1)').click(1121,function(e){ alert(e.data); }) //不同函數(shù)傳遞數(shù)據 function data(e) { alert(e.data) //1111 } function a() { $("button:eq(2)").click(1111, data) } a(); 作用相同，后者只是事先定義一個data函數(shù)，后又在click事件中調用這個函數(shù)，1111是傳入的值，相當于e查看全部
舉報
0/150
提交
取消