-
focus與blur事件:不支持冒泡,focusin與focusout支持冒泡 focus與blur在元素本身產(chǎn)生,focusin與focusout在元素包含的元素中產(chǎn)生查看全部
-
哦,那不是阻止往上冒泡的話,意思是給body里面的a設(shè)置點擊事件,,那左邊的代碼應(yīng)該就是給div里面的p添加click事件嘍查看全部
-
就是阻止事件繼續(xù)往上冒唄查看全部
-
當點擊第一個 button 時,會觸發(fā)第一個按鈕的 click事件,function 參數(shù)中的 bottonName, 如果存在bottonName,則bootonName=bottonName,否則,bottonName=first 此時還未定義(undefined),所以在執(zhí)行"或"語句時,將 'first'這個字符串賦給bottonName,繼續(xù)執(zhí)行 update()函數(shù)。第一個參數(shù)為第一個 span對象,第二個參數(shù)為第二個 span對象,第三個參數(shù)的內(nèi)容此時為 'first'。 在update函數(shù)中,將第一個span的文本設(shè)置為 'first',將第二個span的文本轉(zhuǎn)換為整型,基數(shù)為10(這個10不懂看看轉(zhuǎn)換整型那節(jié)),計數(shù)器n自加 1,并賦給第二個 span的文本。查看全部
-
on()的高級用法 針對自己處理機制中,不僅有on方法,還有根據(jù)on演變出來的live方法(1.7后去掉了),delegate方法等等。這些方法的底層實現(xiàn)部分 還是on方法,這是利用了on的另一個事件機制委托的機制衍變而來的 委托機制 在on的第二參數(shù)中提供了一個selector選擇器,簡單的來描述下 參考下面3層結(jié)構(gòu) 給出如下代碼:查看全部
-
覺得event是實際的觸發(fā)事件的元素,而this是給哪個元素綁定了事件,結(jié)合這個例子 event是li,this是ul查看全部
-
之前學的鼠標事件,表單事件與鍵盤事件都有個特點,就是直接給元素綁定一個處理函數(shù),所有這類事件都是屬于快捷處理。翻開源碼其實可以看到,所有的快捷事件在底層的處理都是通過一個"on"方法來實現(xiàn)的。jQuery on()方法是官方推薦的綁定事件的一個方法。 基本用法:.on( events ,[ selector ] ,[ data ] ) 最常見的給元素綁定一個點擊事件,對比一下快捷方式與on方式的不同 最大的不同點就是on是可以自定義事件名,當然不僅僅只是如何,繼續(xù)往下看 多個事件綁定同一個函數(shù) 通過空格分離,傳遞不同的事件名,可以同時綁定多個事件 多個事件綁定不同函數(shù) 通過空格分離,傳遞不同的事件名,可以同時綁定多個事件,每一個事件執(zhí)行自己的回調(diào)方法 將數(shù)據(jù)傳遞到處理程序 可以通過第二參數(shù)(對象),當一個事件被觸發(fā)時,要傳遞給事件處理函數(shù)的 以上都是on方法基本用法,具體可以參考下右邊的代碼的一些使用查看全部
-
在input元素上綁定keydown事件會發(fā)現(xiàn)一個問題: keydown事件觸發(fā)在文字還沒敲進文本框,這時如果在keydown事件中輸出文本框中的文本,得到的是觸發(fā)鍵盤事件前的文本,而keyup事件觸發(fā)時整個鍵盤事件的操作已經(jīng)完成,獲得的是觸發(fā)鍵盤事件后的文本 當瀏覽器捕獲鍵盤輸入時,還提供了一個keypress的響應(yīng),這個跟keydown是非常相似,這里使用請參考keydown這一節(jié),具體說說不同點 keypress事件與keydown和keyup的主要區(qū)別 只能捕獲單個字符,不能捕獲組合鍵 無法響應(yīng)系統(tǒng)功能鍵(如delete,backspace) 不區(qū)分小鍵盤和主鍵盤的數(shù)字字符 總而言之, KeyPress主要用來接收字母、數(shù)字等ANSI字符,而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如:功能鍵(F1-F12)、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
e.target和this一樣的????查看全部
-
<div class="left"> <p class="aaron"> <a>目標節(jié)點</a> //點擊在這個元素上 </p> </div> 給出如下代碼: $("div").on("click","p",fn) 事件綁定在最上層div元素上,當用戶觸發(fā)在a元素上,事件將往上冒泡,一直會冒泡在div元素上。如果提供了第二參數(shù),那么事件在往上冒泡的過程中遇到了選擇器匹配的元素,將會觸發(fā)事件回調(diào)函數(shù)查看全部
-
鼠標有mousedown,mouseup之類的事件,這是根據(jù)人的手勢動作分解的2個觸發(fā)行為。相對應(yīng)的鍵盤也有這類事件,將用戶行為分解成2個動作,鍵盤按下與松手,針對這樣的2種動作,jQuery分別提供了對應(yīng)keydown與keyup方法來監(jiān)聽 keydown事件: 當用戶在一個元素上第一次按下鍵盤上字母鍵的時候,就會觸發(fā)它。使用上非常簡單,與基本事件參數(shù)處理保持一致,這里使用不在重復(fù)了,列出使用的方法 keyup事件: 當用戶在一個元素上第一次松手鍵盤上的鍵的時候,就會觸發(fā)它。使用方法與keydown是一致的只是觸發(fā)的條件是方法的 注意: keydown是在鍵盤按下就會觸發(fā) keyup是在鍵盤松手就會觸發(fā) 理論上它可以綁定到任何元素,但keydown/keyup事件只是發(fā)送到具有焦點的元素上,不同的瀏覽器中,可獲得焦點的元素略有不同,但是表單元素總是能獲取焦點,所以對于此事件類型表單元素是最合適的。查看全部
-
和keydown不一樣,keyPress不是按下按鍵就馬上反應(yīng)的,是等到下一個按鍵按下才顯示的.即獲取的是之前的輸入。查看全部
-
提交表單是一個最常見的業(yè)務(wù)需求,比如用戶注冊,一些信息的輸入都是需要表單的提交。同樣的有時候開發(fā)者需要在表單提交的時候過濾一些的數(shù)據(jù)、做一些必要的操作(例如:驗證表單輸入的正確性,如果錯誤就阻止提交,從新輸入)此時可以通過submit事件,監(jiān)聽下提交表單的這個動作 使用上非常簡單,與基本事件參數(shù)處理保持一致 方法一:$ele.submit() 綁定$ele元素,不帶任何參數(shù)一般是用來指定觸發(fā)一個事件,用的比較少 方法二:$ele.submit( handler(eventObject) ) 綁定$ele元素,每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋做很多操作了 方法三:$ele.submit( [eventData ], handler(eventObject) ) 使用與方法二一致,不過可以接受一個數(shù)據(jù)參數(shù),這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 通過在<form>元素上綁定submit事件,開發(fā)者可以監(jiān)聽到用戶的提交表單的的行為 具體能觸發(fā)submit事件的行為: <input type="submit"> <input type="image"> <button type="submit"> 當某些表單元素獲取焦點時,敲擊Enter(回車鍵) 上述這些操作下,都可以截獲submit事件。 這里需要特別注意: jQuery處理如下:查看全部
-
<form action="______">這里面的地址就是提交之后頁面跳轉(zhuǎn)的地址。查看全部
-
當 textarea 或文本類型的 input 元素中的文本被選擇時,會發(fā)生 select 事件。 這個函數(shù)會調(diào)用執(zhí)行綁定到select事件的所有函數(shù),包括瀏覽器的默認行為??梢酝ㄟ^在某個綁定的函數(shù)中返回false來防止觸發(fā)瀏覽器的默認行為。 使用上非常簡單: 方法一:.select() 觸發(fā)元素的select事件: 方法二:$ele.select( handler(eventObject) ) 綁定$ele元素,每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋做很多操作了 方法三:$ele.select( [eventData ], handler(eventObject) ) 使用與方法二一致,不過可以接受一個數(shù)據(jù)參數(shù),這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題查看全部
舉報
0/150
提交
取消