使用事件修飾符就可以了,比你上面的代碼還要簡單一些。假設你要給一個input添加事件,并且只能在按下回車時觸發(fā),可以這么寫: 意思是當按下enter鍵時,觸發(fā)evt方法。
10年積累的成都網(wǎng)站建設、網(wǎng)站制作經(jīng)驗,可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你,你也不認識我。但先做網(wǎng)站后付款的網(wǎng)站建設流程,更有城廂免費網(wǎng)站建設讓你可以放心的選擇與我們合作。
MVVM架構型模式的興起,實現(xiàn)了前后端真正的職責分離,在提高開發(fā)效率的同時,也存在一些不足之處??梢哉f前后端分離隨著趨勢已經(jīng)形成一種標準,MVVM設計模式的開發(fā)框架(Vue)適用任何場景的開發(fā)(低版本IE除外)。
如果使用JQuery + VueJS 開發(fā),一定要在 Vue 渲染完所有的 HTML組件之后再通過 JQuery 處理,而使用 JQuery 時應避免直接操作 DOM ,但是應用動畫是允許的。
on() 方法在被選元素及子元素上添加一個或多個事件處理程序。自 jQuery 版本 7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。
.bind()與.on()的區(qū)別:(1)是否支持selector這個參數(shù)值。由于javascript的事件冒泡特性,如果在父元素上注冊了一個事件處理函數(shù),當子元素上發(fā)生這個事件的時候,父元素上的事件處理函數(shù)也會被觸發(fā)。
jQuery綁定點擊事件可以使用其綁定事件函數(shù) jquery中四個事件綁定方式(bind,live,delegate,on)bind()簡要描述 bind()向匹配元素添加一個或多個事件處理器。
(#ul1).on(click,li,function()這個的意思,就是給#ul1里面的每個li綁定click事件,并把事件觸發(fā)后的處理都委托給#ul1。
/* HTML結構 *//* jQuery:$(div).on(click,*,function(e){}); div綁定Click事件,H3是沒有綁定Click事件的。
事件委托也稱為事件代理, 在 jQuery 里面稱為事件委派。 不是每個子節(jié)點單獨設置事件監(jiān)聽器,而是事件監(jiān)聽器設置在其父節(jié)點上,然后利用冒泡原理影響設置每個子節(jié)點。
jQuery中用on來綁定事件,常用寫法 兩種寫法哪個更好? $(document).on 將事件委托document, $(#idname).on 將事件綁定到.className元素上。每次document有點擊動作,瀏覽器都會判斷當前點擊的對象。
JQ幫助文檔里是這樣寫的 (selector).delegate(childSelector,event,data,function)event 規(guī)定附加到元素的一個或多個事件。由空格分隔多個事件值。必須是有效的事件。
使用stopPropagation() 方法;e.stopPropagation()方法不再派發(fā)事件。終止事件在傳播過程的捕獲、目標處理或起泡階段進一步傳播。調(diào)用該方法后,該節(jié)點上處理該事件的處理程序將被調(diào)用,事件不再被分派到其他節(jié)點。
事件委托就是利用冒泡的原理,把事件加到父級上,通過判斷事件來源的子集,執(zhí)行相應的操作,事件委托首先可以極大減少事件綁定次數(shù),提高性能;其次可以讓新加入的子元素也可以擁有相同的操作。
標準寫法:利用事件對象里面的 stopPropagation()方法 e.stopPropagation() 非標準寫法:IE 6-8 利用事件對象 cancelBubble 屬性 e.cancelBubble = true;事件委托也稱為事件代理, 在 jQuery 里面稱為事件委派。
或者它到達了對象層次的最頂層,即document對象(有些瀏覽器是window)。
停止冒泡的方式:e.stopPropagation();第一種事件模型,在html中直接綁定事件:首先看一下瀏覽器事件模型:這種方式將行為和HTML混在了一起,沒有實現(xiàn)行為與內(nèi)容相分離。并且不能同時綁定多個事件。
事件冒泡:開始時由最具體的元素接收,然后逐級向上傳播到到 DOM 最頂層節(jié)點。
js阻止冒泡 在阻止冒泡的過程中,W3C和IE采用的不同的方法,那么我們必須做以下兼容。
首先:你不想使用的方法恰恰是推薦的最好的方法,為什么不用推薦的方法呢。
當我們點擊子元素,觸發(fā)的時事件會傳遞給父元素,這就是事件冒泡。
1、這個是點擊document的時候回去判斷是否是#xx元素,如果是才彈出。應該是你程序造成多次綁定了。你在這個事件綁定的前面緊挨著加上。
2、加入你有兩個按鈕$a和$b。都是jquery對象。那么:a.click(funtion(){ //按鈕a點擊完成后。b也執(zhí)行點擊事件。
3、可以使用jQuery的trigger() 方法來響應事件。定義和用法:trigger() 方法觸發(fā)被選元素的指定事件類型。語法:(selector).trigger(event,[param1,param2,...]);參數(shù)描述:event 必需。
名稱欄目:jquery委托事件實例 jquery實現(xiàn)事件委托
文章鏈接:http://aaarwkj.com/article9/dicdsoh.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、虛擬主機、網(wǎng)站設計、域名注冊、網(wǎng)站營銷、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)