1. 程式人生 > >DIV 包括另外一個DIV 點選裡面的DIV不能觸發外面的DIV事件

DIV 包括另外一個DIV 點選裡面的DIV不能觸發外面的DIV事件

function stopBubble(e) {
<span style="white-space:pre">	</span>//如果提供了事件物件,則這是一個非IE瀏覽器
<span style="white-space:pre">	</span>if(e && e.stopPropagation) {
  <span style="white-space:pre">		</span>//因此它支援W3C的stopPropagation()方法
  <span style="white-space:pre">		</span>e.stopPropagation();
<span style="white-space:pre">	</span>} else {
  <span style="white-space:pre">		</span>//否則,我們需要使用IE的方式來取消事件冒泡
  <span style="white-space:pre">		</span>window.event.cancelBubble = true;
<span style="white-space:pre">	</span>}
}


相關推薦

DIV 包括另外一個DIV 裡面的DIV不能觸發外面的DIV事件

function stopBubble(e) { <span style="white-space:pre"> </span>//如果提供了事件物件,則這是一個非IE瀏覽器 <span style="white-space:pre"> &

一個按鈕兩次觸發不同事件

btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View view) { b = !b; if (b) { btn.setTex

裡面div外面div事件冒泡問題

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div style="width: 400px;he

div和內部的a標籤都有click事件a不觸發div的click事件

  <div> <a></a> </div> $("a").click(function(){ event.stopPropagation(); }) 詳情見: https://blog.csdn.net/u0

設定超過DIV高度範圍隱藏結尾... 檢視全文顯示全部

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文字超出長度用省略號顯示,點選顯示全文</title> </head> <body&g

WebUploader中,父級div為display:none,顯示無效。

在使用WebUploader上傳檔案時,有時候因介面操作要求,要控制其所在div的隱藏或顯示,發現隱藏後,flash模式的按鈕點選事件缺失,點選無效。 解決辦法: 1、在顯示時,先destroy 原有 uploader,再重新建立即可:程式碼如下, //第一次建立uplod

div擋住select導致無法的問題

       今天發現前臺的select框旁邊的小箭頭點選之後不能展開select框,因為小箭頭把select框擋住了,調樣式,用jq模擬點選也沒用,後來找到了答案(結構大致如下)   只需要在包含圖片的div加上這個css屬性即可pointer-events: none;意

css取消div蹭上的滑鼠事件

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;

按鈕移除整個DIV

點選圖片中的X號移除這塊DIV jsp頁面程式碼: <c:forEach var="list" items="${editList}"> <div class="appmsg

滑鼠頁面的其它地方div自動隱藏

(一)加入關閉按鈕只要再加一個onclick 時間就行了,turnoff(‘ ’)裡的引數可以改變。程式碼如下<html> <meta charset="gbk"> <head> <script> var hide=fun

video.js+swiper 視訊播放結束後三秒播放下一個播放視訊

代嗎 <!DOCTYPE html> <html>   <head> <meta charset="UTF-8"> <title></title> <link rel="stylesh

如何實現一個 滑鼠特效的 chrome外掛

如何實現一個 滑鼠點選特效的 chrome外掛 參考資料:chajian.baidu.com/developer/e… 預覽效果:tzc123.github.io/cursor_spec… 在這個年代,不用chrome都不好意思說自己是敲程式碼的。特別是前端,chrome對於前端來說簡直是除錯利器,不可

Axure學習筆記-輪播圖製作(包括自動輪播及

覺得下面這個分享挺好,我就不重複做了。 如何製作輪播圖: (1)實現圖片輪播; (2)將圓點與輪播圖片一一對應; (3)實現前一張、後一張圖片切換。 1、所需元件 首先我們需要準備以下元件: 動態面板(1000*400)、圓(3個,15*15)、

一個小球可以變色和移動(使用defineProperty設定get和set)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <st

一個滑鼠水波紋理shader

一張圖片,通過滑鼠點選產生水波紋理,shader比較簡單,演算法主要在C#那邊,多執行緒優化計算 用下面shader建立一個材質,建立一個面片或Cube並掛上下面C#指令碼,設定圖片畫素,預設是256*256,賦值材質圖片紋理,執行,點選滑鼠即可看到效果 shader S

當你輸入一個網址/一個連結,發生了什麼?(以www.baidu.com為例)

>>>點選網址後,應用層的DNS協議會將網址解析為IP地址; DNS查詢過程: 1.        瀏覽器會檢查快取中有沒有這個域名對應的解析過的IP地址,如果快取中有,這個解析過程就將結束。 2.        如果使用者的瀏覽器快取中沒有,瀏覽器會查

EditText 將回車的按鈕顯示為“下一個” 並且“下一個”跳轉到指定的EditText

只需要設定三個屬性: 第一: android:imeOptions="actionNext"第二:必須要設定,不然還是顯示的是回車的符號android:singleLine="true"第三: and

一個dom,事件觸發兩個事件是同步還是非同步

問題產生原因: 使用者充值介面,一個選擇支付方式的dom綁定了一個插入訂單的 ajax。 為了監測使用者點了哪個支付方式,現在要把選擇哪個支付方式記錄下來。 當然可以在這個ajax請求的方法裡面加入一個插入監測資料。但是考慮到插入訂單的

安卓小日記練習(8)listview的另一個item事件的介面和資料儲存

          我們已經實現了listview的其中一種item的點選事件,和初步實現了第二種item點選之後的資料傳遞。現在我們要寫日記所以需要edittext控制元件,和進一步完善控制元件,以及資料(edit的內容)的儲存。我們這裡採取檔案儲存的方式。       

一個頁面連結跳轉至另一個頁面的選項卡tab中

頁面A <body> <a href="選項卡-練習.html?type=1">1111111111</a> <a href="選項卡-練習.html?type=2">2222222222</a>