-
event.target代表當前觸發(fā)事件的元素
事件對象是用來記錄一些事件發(fā)生時的相關信息的對象。事件對象只有事件發(fā)生時才會產生, 并且只能是事件處理函數內部訪問,在所有事件處理函數運行結束后, 事件對象就被銷毀
查看全部 -
快捷方式刪除所有事件,這里不需要傳遞事件名了,節(jié)點上綁定的所有事件講全部銷毀
$("elem").off()
查看全部 -
keydown事件觸發(fā)在文字還沒敲進文本框,這時如果在keydown事件中輸出文本框中的文本,得到的是觸發(fā)鍵盤事件前的文本,而keyup事件觸發(fā)時整個鍵盤事件的操作已經完成,獲得的是觸發(fā)鍵盤事件后的文本
keypress事件
只能捕獲單個字符,不能捕獲組合鍵
無法響應系統(tǒng)功能鍵(如delete,backspace)
不區(qū)分小鍵盤和主鍵盤的數字字符
查看全部 -
form元素是有默認提交表單的行為,如果通過submit處理的話,需要禁止瀏覽器的這個默認行為 傳統(tǒng)的方式是調用事件對象??e.preventDefault()?來處理,?jQuery中可以直接在函數中最后結尾return?false即可
jQuery處理如下:
$("#target").submit(function(data)?{? ???return?false;?//阻止默認行為,提交表單 });
查看全部 -
input元素可以觸發(fā)focus()事件
div是input的父元素,當它包含的元素input觸發(fā)了focus事件時,它就產生了focusin()事件。
focus()在元素本身產生,focusin()在元素包含的元素中產生 blur()在元素本身產生,focusout()在元素包含的元素中產生
查看全部 -
$(selector).hover(handlerIn,?handlerOut)
handlerIn(eventObject):當鼠標指針進入元素時觸發(fā)執(zhí)行的事件函數
handlerOut(eventObject):當鼠標指針離開元素時觸發(fā)執(zhí)行的事件函數
等價于
$(ele).mouseenter(function(){ ?????$(this).css("background",?'#bbffaa'); ?}) $(ele).mouseleave(function(){ ????$(this).css("background",?'red'); })
查看全部 -
mouseenter事件只會在綁定它的元素上被調用,而不會在后代節(jié)點上被觸發(fā)
mouseover事件 會事件冒泡
查看全部 -
?//不同函數傳遞數據
? ? ? ? function dat(e) {//函數名與data無關
? ? ? ? ? ? $(".right a").html('mouseover事件觸發(fā)次數:' + (++n) + '<br/> 傳入數據為 :'+ e.data)
? ? ? ? }
? ? ? ? function a() {
? ? ? ? ? ? $(".right p:first").mouseover('date = 慕課網', dat)//調用dat函數
? ? ? ? }
? ? ? ? a();
查看全部 -
方法一這樣也可以??
$('button').click(function(){
? ? ? ? ? ? $('h2').mouseover(function(){
? ? ? ? ? ? ? ? alert('指定觸發(fā)事件');
? ? ? ? });
? ? ? ? })
查看全部 -
$(".aaron3").blur(function() {
??????? $(this).css('border', '2px solid red')
??? })查看全部 -
$('.target1').change(function(e) {
??????? $("#result").html(e.target.value)
??? });查看全部 -
p元素觸發(fā)了mouseover,他會一直往上找父元素上的mouseover事件,如果父元素有mouseover事件就會被觸發(fā)
所以在這種情況下面,jQuery推薦我們使用 mouseenter事件
mouseenter事件只會在綁定它的元素上被調用,而不會在后代節(jié)點上被觸發(fā)
查看全部 -
click事件其實是由mousedown于mouseup 2個動作構成,所以點擊的動作只有在松手后才觸發(fā)
查看全部 -
mouseenter事件只會在綁定它的元素上被調用,而不會在后代節(jié)點上被觸發(fā)
查看全部 -
$('#elem').trigger('click');
在綁定on的事件元素上,通過trigger方法就可以調用到alert了,挺簡單!
再來看看.trigger是什么?
簡單來講就是:根據綁定到匹配元素的給定的事件類型執(zhí)行所有的處理程序和行為
trigger除了能夠觸發(fā)瀏覽器事件,同時還支持自定義事件,并且自定義時間還支持傳遞參數
$('#elem').on('Aaron',?function(event,arg1,arg2)?{ ????alert("自觸自定義時間") ?}); $('#elem').trigger('Aaron',['參數1','參數2'])
trigger觸發(fā)瀏覽器事件與自定義事件區(qū)別?
自定義事件對象,是jQuery模擬原生實現的
自定義事件可以傳遞參數
查看全部
舉報