jquery防止點擊穿透 阻止點擊穿透

JQuery如何實現(xiàn)雙擊事件時不觸發(fā)單擊事件

有兩種情況，第一，你的兩個div是父子關系，這樣就就要阻止事件冒泡，你去搜一下什么叫事件冒泡就知道了。第二，你的兩個div沒有父子包含關系，是兩個獨立的個體，那么就再onclick事件里面去判斷當前的div是哪一個。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于做網(wǎng)站、成都做網(wǎng)站、順義網(wǎng)絡推廣、成都小程序開發(fā)、順義網(wǎng)絡營銷、順義企業(yè)策劃、順義品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供順義建站搭建服務，24小時服務熱線：13518219792，官方網(wǎng)址：muchs.cn

(#btn3).one(click，function(){ alert(jQuey的one函數(shù)，第1次點擊)；})；不用jQuery的方式 框起來的3處都是不用jQuery實現(xiàn)的只觸發(fā)一次的效果。

首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery，填充問題基礎代碼。在index.html中的標簽中的bbbb的點擊事件中，新增jquery代碼：e.stopPropagation()；。

click。仔細看，其實雙擊事件就是執(zhí)行了兩次單擊事件，那這種情況下，怎么才能避免觸發(fā)單擊事件呢？解決問題的關鍵在于延遲定時器setTimeout，單擊事件延遲執(zhí)行，如果檢測到連續(xù)點擊的話，就認為是雙擊事件，不在執(zhí)行單擊事件。

一個事件起泡對應觸發(fā)的是上層的同一事件 特殊：如果two設置成雙擊事件，那么在你單擊two的時候就會起泡觸發(fā)one單擊的事件 （雙擊包含單擊）。

你只給“是”按鈕被綁定click事件就可以了。

touchstart為什么會被穿透

1、下面是偽代碼，會做你想要它。 如果你在的TouchMove事件連接和跟蹤的位置，您可以添加在doTouchLogic功能更多的項目來檢測手勢和諸如此類的東西。

2、點擊穿透是指，在移動端H5頁面中，當點擊事件會切到一個新頁面時（比如返回上一頁面，或彈出彈窗頁面，或關閉遮罩層），新頁面中相應的位置如果有事件（或input等輸入框），就會被觸發(fā)。

3、由于 click 事件的滯后性，在這段時間內(nèi)原來點擊的元素消失了，于是便“穿透”了。

4、也就是說，當我們點擊頁面的時候移動端瀏覽器并不是立即作出反應，而是會等上一小會兒才會出現(xiàn)點擊的效果。點擊穿透：假如頁面上有兩個元素A和B。B元素在A元素之上。

5、第一：touchstart是手指觸摸屏幕就觸發(fā)，有時候用戶只是想滑動屏幕，卻觸發(fā)了touchstart事件，這不是我們想要的結果； 第二：使用touchstart事件在某些場景下可能會出現(xiàn)點擊穿透的現(xiàn)象。

6、通過阻止彈窗的touchmove默認事件，進而阻止事件冒泡而導致底層頁面滾動。具體實現(xiàn)如下：這種方案的缺點是：彈窗中不能有其它需要滾動的內(nèi)容。如果有大段文字需要固定高度來滾動，則也會被阻止掉。

jquery:怎么能阻止第二次點擊click事件啊??

1、用jQuery的方式 jQuery專門為此功能提供了一個函數(shù)one。這樣寫就能讓click這個事件只執(zhí)行一次。

2、首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery。

3、有兩種情況，第一，你的兩個div是父子關系，這樣就就要阻止事件冒泡，你去搜一下什么叫事件冒泡就知道了。第二，你的兩個div沒有父子包含關系，是兩個獨立的個體，那么就再onclick事件里面去判斷當前的div是哪一個。

JS中事件穿透深度剖析與多種解決方案

1、這種方案的缺點是：當彈出蒙層時，禁用了html和body的滾動條，底層頁面的滾動位置會丟失，會被重置到?jīng)]有滾動的狀態(tài)，我們需要js進行還原。

2、js里面的event也是一樣，不信就打印一下一個平淡無奇的onclick里面包含的event，只要在方法內(nèi)傳入?yún)?shù)event，或者e，還有ev然后打印，你就會發(fā)現(xiàn)一個新的天地。

3、基于這個JS采用異步回調(diào)的方式來處理需要等待的事件，是的代碼會繼續(xù)執(zhí)行而不用在異步處理的地方一直等待著。

4、而且第一個問題就是樓主的問題。解決如下： this.insertBefore(document.createElement(‘html‘)，this.firstChild)；HTML加個引號就行了。最后說一句，jQuery是好，但原生js該掌握的還是要掌握。

分享名稱：jquery防止點擊穿透 阻止點擊穿透
本文鏈接：http://muchs.cn/article7/diiigoj.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設、建站公司、網(wǎng)站建設、關鍵詞優(yōu)化、小程序開發(fā)、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)