-
事件綁定 基本用法：.on( events ,[ selector ] ,[ data ] ) 對比一下快捷方式與on方式的不同： $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同點就是on是可以自定義事件名，當(dāng)然不僅只是如此： （1）多個事件綁定同一個函數(shù)： $("#elem").on("mouseover mouseout",function(){ }); 通過空格分離，傳遞不同的事件名，可以同時綁定多個事件 （2）多個事件綁定不同函數(shù) $("#elem").on({ mouseover:function(){}, mouseout:function(){} }); 通過空格分離，傳遞不同的事件名，可以同時綁定多個事件，每一個事件執(zhí)行自己的回調(diào)方法 （3）將數(shù)據(jù)傳遞到處理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕課網(wǎng) } $( "button" ).on( "click", { name: "慕課網(wǎng)" }, greet ); 可以通過第二參數(shù)（對象），當(dāng)一個事件被觸發(fā)時，要傳遞給事件處理函數(shù)的查看全部
-
keypress事件與keydown和keyup的主要區(qū)別 只能捕獲單個字符，不能捕獲組合鍵 無法響應(yīng)系統(tǒng)功能鍵（如delete，backspace） 不區(qū)分小鍵盤和主鍵盤的數(shù)字字符 總而言之， KeyPress主要用來接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
鍵盤事件之keydown()與keyup()事件 相對應(yīng)的鍵盤也有這類事件，將用戶行為分解成2個動作，鍵盤按下與松手，針對這樣的2種動作，jQuery分別提供了對應(yīng)keydown與keyup方法來監(jiān)聽。 注意： keydown是在鍵盤按下就會觸發(fā) keyup是在鍵盤松手就會觸發(fā) 理論上它可以綁定到任何元素，但keydown/keyup事件只是發(fā)送到具有焦點的元素上，不同的瀏覽器中，可獲得焦點的元素略有不同，但是表單元素總是能獲取焦點，所以對于此事件類型表單元素是最合適的查看全部
-
<form action="______">這里面的地址就是提交之后頁面跳轉(zhuǎn)的地址。查看全部
-
表單事件之submit事件 提交表單是一個最常見的業(yè)務(wù)需求，比如用戶注冊，一些信息的輸入都是需要表單的提交。同樣的有時候開發(fā)者需要在表單提交的時候過濾一些的數(shù)據(jù)、做一些必要的操作（例如：驗證表單輸入的正確性，如果錯誤就阻止提交，從新輸入）此時可以通過submit事件，監(jiān)聽下提交表單的這個動作。 具體能觸發(fā)submit事件的行為： <input type="submit"> <input type="image"> <button type="submit"> 當(dāng)某些表單元素獲取焦點時，敲擊Enter（回車鍵） 上述這些操作下，都可以截獲submit事件。 這里需要特別注意： form元素是有默認提交表單的行為，如果通過submit處理的話，需要禁止瀏覽器的這個默認行為 傳統(tǒng)的方式是調(diào)用事件對象 e.preventDefault() 來處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可 $("#target").submit(function(data) { return false; //阻止默認行為，提交表單 });查看全部
-
當(dāng) textarea 或文本類型的 input 元素中的文本被選擇時，會發(fā)生 select 事件。 這個函數(shù)會調(diào)用執(zhí)行綁定到select事件的所有函數(shù)，包括瀏覽器的默認行為。可以通過在某個綁定的函數(shù)中返回false來防止觸發(fā)瀏覽器的默認行為。 select事件只能用于<input>元素與<textarea>元素 $("input").select(function(e){ alert(e.target.value) }) $("#bt1").click(function(){ $("input").select(); }) //監(jiān)聽textarea元素中value的選中 $('textarea').select(function(e) { alert(e.target.value); });查看全部
-
表單事件之change事件 input元素 監(jiān)聽value值的變化，當(dāng)有改變時，失去焦點后觸發(fā)change事件。對于單選按鈕和復(fù)選框，當(dāng)用戶用鼠標做出選擇時，該事件立即觸發(fā)。 select元素 對于下拉選擇框，當(dāng)用戶用鼠標作出選擇時，該事件立即觸發(fā)。 textarea元素 多行文本輸入框，當(dāng)有改變時，失去焦點后觸發(fā)change事件。查看全部
-
表單事件之blur與focus事件 與focusin事件與focusout事件之間的本質(zhì)區(qū)別:是否支持冒泡處理 focus()在元素本身產(chǎn)生，focusin()在元素包含的元素中產(chǎn)生 blur與focusout也亦是如此 focus 和 blur 不會冒泡 focusin 和 focusout 會冒泡查看全部
-
focusout和focus效果相反是失去焦點時候才觸發(fā)的行為查看全部
-
jquery需要捕獲聚集動作用focusin事件 1.用focusin只指定觸發(fā)一個事件 $('ele').focusin(function(){alert()}) 2.用fousin給定一個回調(diào)的事件行為 $('ele').focusin(function(){$(this).css()//給定一個事件行為}) 3.focusin接受一個數(shù)據(jù)參數(shù) 未解決不同作用域數(shù)據(jù)傳遞 $('ele').focusin(1111,fn)//function(e){}===fn function fn(e){$(this).val(e.data)} //e.data===1111查看全部
-
mouseover、mouseout、mouseenter、mouseleave事件，可以用來給元素做一個簡單的切換效果，在元素上移進移出切換其換色，一般通過2個事件配合就可以達到，這里用mouseenter與mouseleave，這樣可以避免冒泡問題： $(ele).mouseenter(function(){ $(this).css("background", '#bbffaa'); }) $(ele).mouseleave(function(){ $(this).css("background", 'red'); }) ======= $("ele").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } ); hover()這個方法里頭封裝的是mouseenter(), mouseleave()兩個方法, 可以阻止冒泡問題. 這個方法可以用來改變樣式, 比如鼠標移入div變色, 移出回到以前的顏色. 相當(dāng)于css中的div:hover, 但是:hover很多的瀏覽器對a:hover支持還不錯, 對div:hover, ul:hover支持有點差, 特別是ie6,ie7這些較低的版本. 用jquery可以解決兼容性,代碼量比js要少很多, 可以專注在邏輯業(yè)務(wù)上.查看全部
-
鼠標事件之mouseenter與mouseleave事件 監(jiān)聽用戶操作鼠標是否有移到元素內(nèi)部或是元素外部 mouseenter事件和mouseover的區(qū)別:冒泡的方式處理問題 觸發(fā)了mouseover，他會一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就會被觸發(fā)；mouseenter事件只會在綁定它的元素上被調(diào)用，而不會在后代節(jié)點上被觸發(fā)。查看全部
舉報
0/150
提交
取消