-
$('#target1').submit(function(e) { alert('捕獲提交表達(dá)動(dòng)作,不阻止頁面跳轉(zhuǎn)') }); //回車鍵或者點(diǎn)擊提交表單,禁止瀏覽器默認(rèn)跳轉(zhuǎn)： $('#target2').submit(function() { alert('捕獲提交表達(dá)動(dòng)作,阻止頁面跳轉(zhuǎn)') return false; });查看全部
-
方法一：$ele.focusin() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個(gè)事件，一般用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").focusin(function(){ alert('觸發(fā)指定事件') }) $("#text").mouseup(function(){ $("ele").focusin() //指定觸發(fā)事件 }); 方法二：$ele.focusin( handler ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋?zhàn)龊芏嗖僮髁? <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").focusin(function() { //this指向 div元素 }); 方法三：$ele.focusin( [eventData ], handler ) 使用與方法二一致，不過可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").focusin(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); <script type="text/javascript"> //不同函數(shù)傳遞數(shù)據(jù) function fn(e) { $(this).val(e.data) } function a() { $("input:last").focusin('慕課網(wǎng)', fn) } a(); </script>查看全部
-
$("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
-
方法一：$ele.mouseover() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個(gè)事件，用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").mouseover(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").mouseover() //指定觸發(fā)事件 }); 方法二：$ele.mouseover( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋?zhàn)龊芏嗖僮髁? <div id="test">滑動(dòng)觸發(fā)<div> $("#text").mouseover(function() { //this指向 div元素 }); 方法三：$ele.mouseover( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").mouseover(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) });查看全部
-
方法一：$ele.mousedown() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個(gè)事件，可能一般用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").mousedown(function(){ alert('觸發(fā)指定事件') }) $("#text").mousedown(function(){ $("ele").mousedown() //手動(dòng)指定觸發(fā)事件 }); 方法二：$ele.mousedown( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋?zhàn)龊芏嗖僮髁? <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").mousedown(function() { //this指向 div元素 }); 方法三：$ele.mousedown( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").mousedown(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) });查看全部
-
dbclick與click事件不同的是： click事件觸發(fā)需要以下幾點(diǎn)： click事件其實(shí)是由mousedown與mouseup 2個(gè)動(dòng)作構(gòu)成，所以點(diǎn)擊的動(dòng)作只有在松手后才觸發(fā) PS:mousedown和mouseup下一節(jié)會(huì)講到 dblclick事件觸發(fā)需要以下幾點(diǎn)： dblclick又是由2個(gè)click疊加而來的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā) 鼠標(biāo)指針在元素里面時(shí)點(diǎn)擊。 鼠標(biāo)指針在元素里面時(shí)釋放。 鼠標(biāo)指針在元素里面時(shí)再次點(diǎn)擊，點(diǎn)擊間隔時(shí)間，是系統(tǒng)而定。 鼠標(biāo)指針在元素里面時(shí)再次釋放。 注意：在同一元素上同時(shí)綁定 click 和 dblclick 事件是不可取的。各個(gè)瀏覽器事件觸發(fā)的順序是不同的，一些瀏覽器在dblclick之前接受兩個(gè) click 事件 ，而和其它瀏覽器只接受一個(gè) click 事件。用戶往往可通過不同的操作系統(tǒng)和瀏覽器配置雙擊靈敏度查看全部
-
click與dbclick事件 用交互操作中，最簡單直接就是點(diǎn)擊操作。jQuery提供了兩個(gè)方法一個(gè)是click方法用于監(jiān)聽用戶單擊操作，另一個(gè)方法是dbclick方法用于監(jiān)聽用戶雙擊操作。這兩個(gè)方法的用戶是類似，下面以click()事件為例 使用上非常簡單： 方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個(gè)事件，用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").click(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").click() //手動(dòng)指定觸發(fā)事件 }); 方法二：$ele.click( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù)，這樣可以針對事件的反饋?zhàn)龊芏嗖僮髁?，方法中的this是指向了綁定事件的元素 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").click(function() { //this指向 div元素 }); 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); dbclick()的用法和click()的用法是類似的，可以參考以上click()的用法查看全部
-
trigger會(huì)觸發(fā)瀏覽器默認(rèn)行為，比如光標(biāo)聚集，triggerHandler則不會(huì)，它只會(huì)顯示文本，觸發(fā)focus事件函數(shù) triggerHandler與trigger的用法是一樣的，重點(diǎn)看不同之處： triggerHandler不會(huì)觸發(fā)瀏覽器的默認(rèn)行為，.triggerHandler( "submit" )將不會(huì)調(diào)用表單上的.submit() .trigger() 會(huì)影響所有與 jQuery 對象相匹配的元素，而 .triggerHandler() 僅影響第一個(gè)匹配到的元素 使用 .triggerHandler() 觸發(fā)的事件，并不會(huì)在 DOM 樹中向上冒泡。 如果它們不是由目標(biāo)元素直接觸發(fā)的，那么它就不會(huì)進(jìn)行任何處理 若要觸發(fā)通過 jQuery 綁定的事件處理函數(shù)，而不觸發(fā)原生的事件，使用.triggerHandler() 來代替查看全部
-
<body> <h2>自定義事件trigger</h2> <div class="left"> <div><span></span><span>0</span>點(diǎn)擊次數(shù)</div> <button>直接點(diǎn)擊</button> <button>通過自定義點(diǎn)擊</button> </div> <script type="text/javascript"> //點(diǎn)擊更新次數(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()); last.text(n + 1); } </script> </body> trigger觸發(fā)瀏覽器事件與自定義事件區(qū)別？ 自定義事件對象，是jQuery模擬原生實(shí)現(xiàn)的 自定義事件可以傳遞參數(shù) trigger是什么？ 簡單來講就是：根據(jù)綁定到匹配元素的給定的事件類型執(zhí)行所有的處理程序和行為查看全部
-
當(dāng)點(diǎn)擊第一個(gè) button 時(shí)，會(huì)觸發(fā)第一個(gè)按鈕的 click事件，function 參數(shù)中的 bottonName,此時(shí)還未定義（undefined）,所以在執(zhí)行"或"語句時(shí)，將 'first'這個(gè)字符串賦給bottonName,繼續(xù)執(zhí)行 update()函數(shù)。第一個(gè)參數(shù)為第一個(gè) span對象，第二個(gè)參數(shù)為第二個(gè) span對象，第三個(gè)參數(shù)的內(nèi)容此時(shí)為 'first'。在update函數(shù)中，將第一個(gè)span的文本設(shè)置為 'first',將第二個(gè)span的文本轉(zhuǎn)換為整型，基數(shù)為10，計(jì)數(shù)器n自加 1，并賦給第二個(gè) span的文本。 點(diǎn)擊第二個(gè) button的過程以此類推。 var n = parseInt(last.text(),10); //10表示10進(jìn)制查看全部
-
alert需要執(zhí)行的條件：必須有用戶點(diǎn)擊才可以。如果不同用戶交互是否能在某一時(shí)刻自動(dòng)觸發(fā)該事件呢？ 正常來說是不可以的，但是jQuery解決了這個(gè)問題，提供了一個(gè)trigger方法來觸發(fā)瀏覽器事件。 rigger除了能夠觸發(fā)瀏覽器事件，同時(shí)還支持自定義事件，并且自定義時(shí)間還支持傳遞參數(shù)。 trigger觸發(fā)瀏覽器事件與自定義事件區(qū)別？ 自定義事件對象，是jQuery模擬原生實(shí)現(xiàn)的 自定義事件可以傳遞參數(shù)查看全部
-
事件對象是用來記錄一些事件發(fā)生時(shí)的相關(guān)信息的對象。事件對象只有事件發(fā)生時(shí)才會(huì)產(chǎn)生，并且只能是事件處理函數(shù)內(nèi)部訪問，在所有事件處理函數(shù)運(yùn)行結(jié)束后，事件對象就被銷毀查看全部
-
KeyPress主要用來接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
blur和foucus事件支持冒泡處理查看全部
-
event.type：獲取事件的類型 event.pageX 和 event.pageY：獲取鼠標(biāo)當(dāng)前相對于頁面的坐標(biāo) event.preventDefault() 方法：阻止默認(rèn)行為 event.stopPropagation() 方法：阻止事件冒泡 event.which：獲取在鼠標(biāo)單擊時(shí)，單擊的是鼠標(biāo)的哪個(gè)鍵 event.currentTarget : 在事件冒泡過程中的當(dāng)前DOM元素，等同于this .this和event.target都是dom對象 如果要使用jquey中的方法可以將他們轉(zhuǎn)換，為jquery對象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
舉報(bào)
0/150
提交
取消