1. 程式人生 > >addEventListener點選事件不讓冒泡到上一層, 不讓觸發上一層的點選事件

addEventListener點選事件不讓冒泡到上一層, 不讓觸發上一層的點選事件

document.getElementById('downloadBtn').addEventListener('click', function (e) {
  e.stopPropagation()     //阻止事件冒泡傳遞到上一層
  window.android.jsCall_download_img(self.curimgsrc)
  self.showpageinfo = false
}, false)   //false在冒泡階段處理函式,從本元素向上一層冒泡的方式處理的

增加一個變數來判斷點選事件是來自哪個元素的:

clickCount: 1
本元素的點選事件:
document
.getElementById('downloadBtn').addEventListener('click', function (e) { e.preventDefault() e.stopPropagation() window.android.jsCall_download_img(self.curimgsrc) self.showpageinfo = false self.clickCount = 0 }, false)

上一層的點選事件:

tap: function () {
  var status = this.showpageinfo
if (status === true
) { this.showpageinfo = false } else { if (this.clickCount !== 0) { this.bigImg() } else { this.clickCount = 1 } }

相關推薦

addEventListener事件冒泡, 觸發事件

document.getElementById('downloadBtn').addEventListener('click', function (e) { e.stopPropagatio

iOS開發中兩view的button響應事件

iOS button addTarget 無法響應事件 1.問題描述 封裝了一個XYAlterview,繼承於UIView,但button addTarget 無法響應事件. 2.問題重現 @interface XYAlertView : UIView @end XYAlt

”改變樣式(事件源,冒泡捕獲)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

觸發子元素的事件觸發父元素的事件

<div class="divone" onclick="divone(this)"> <div class="divchild" onclick="divchild(this)"></div> &

mui拉載入會影響頁面中的某些事件

專案是vue寫的(移動端) <div class="mui-scroll">   <a :href="bannerinfo.activity_url" class="icon play">     連結點選沒反應(點元素的最左邊才會跳轉)   </a>   <

popwindow 在安卓7.0顯示位置錯誤以及在6.0下外部能消失的情況解析

popwindow在日常使用的過程中頻率很高 ,一般用起來也是得心應手,但是也是有很多坑存在的,在這個版本的迭代中就遇到了一些問題,解決起來很簡單,但是以後開發中肯定要注意的 popwindow 出現的View not attached to window

ionic開發——百度地圖InfoWindow資訊視窗新增按鈕,無法觸發事件問題解決辦法

ionic開發中,在使用百度地圖的時候,有時我們需要在點選地圖上標註的海量點彈出一個infowindow的資訊視窗,自定義資訊視窗的內容後,我們想要可以在資訊視窗上面點選的時候,發現點選沒有效果。 我

百度地圖API:百度地圖迴圈顯示標註。使用閉包迴圈載入事件

本文記錄:百度地圖上迴圈顯示標註點marker。使用立即執行函式和閉包迴圈載入點選事件顯示資訊視窗顯示該標註點的更多資訊。 最近一個專案也要用到地圖功能,公司內部的專案,就去研究了一下百度地圖的API。 感覺跟天地圖的API還是有很多的相似之處。 基本的使用方式 是差不太

js中addEventListener第三個參數涉及到的事件捕獲與冒泡

等等 觸發 不同 ntb 兩個 冒泡 load 觸摸 dom js中,我們可以給一個dom對象添加監聽事件,函數就是 addEventListener("click",function(){},true); 很容易理解,第一個參數是事件類型,比如點擊(click)、觸摸(t

真的懂了:TCP協議中的三次握手和四次揮手(關閉連接時, 當收到對方的FIN報文時, 僅僅表示對方在發送數據了, 但是還能接收數據, 己方也未必全部數據都發送對方了。相當於開始還沒接話不要緊,後來接話以後得人把話講完)

流程圖 .cn 服務 soc knowledge ber tcp連接 是什麽 一次 一、TCP報文格式   下面是TCP報文格式圖:              (1) 序號, Seq(Sequence number), 占32位,用來標識從TCP源端向目的端發送的字節

C#使用異步委托在另一個線程更新窗體能省略可參數

leg pos orm blog tar log 委托 () gin 使用button1更新label1: private delegate void UpdateFormInvoke(string a, string b = "B");

css如何頁面的文字能選中??

lec 一個 turn div IT per PE 頁面 ie6 語法:   user-select:none | text | (常用的就這倆)   默認值:text   適用於:除替換元素外的所有元素 取值:   none: 文本不能被選擇   text: 可以選

【android開發筆記】如何ImageButton去掉白色邊框和ImageButton具有效果

這是我從網上學來的,怕忘記,遂記起來 如何讓ImageButton去掉白色邊框 android:background="#00000000" //把背景變透明放在那一段程式碼裡呢?放在layout裡面的.xml檔案裡 如: <ImageButton a

【人生很短,做自己喜歡的事情罷。】人生是場旅程,我們經歷了幾次輪迴,才換來這個旅程,而這個旅程很短,因此不妨大膽一些,不妨大膽一些去愛個人,去攀座山,去追一個夢······有很多事我都明白,但我相信件事,上天我們來到這個世界,就是為了我們創

人生是一場旅程,我們經歷了幾次輪迴,才換來這個旅程,而這個旅程很短,因此不妨大膽一些,不妨大膽一些去愛一個人,去攀一座山,去追一個夢······有很多事我都不明白,但我相信一件事,上天讓我們來到這個世...

微信小遊戲 在節點按鈕button建立一個透明的按鈕,等待使用者授權,授權後隱藏或銷燬按鈕

    //在節點按鈕button上建立一個透明的按鈕,等待使用者點選授權,授權後隱藏或銷燬按鈕     createAuthorizeBtn:function(btnNode){         let btnSize = cc.size(btnNode.width+10

C# winform呼叫類似按鈕事件時自帶引數該怎麼寫 C# winform呼叫類似按鈕事件時自帶引數該怎麼寫

來源:https://www.cnblogs.com/haizine/p/8242982.html C# winform呼叫類似按鈕點選的事件時自帶引數該怎麼寫 //按鈕事件 private void btn_Click(object sender, EventArgs e) {} //

人生很短,做自己喜歡的事情罷。(人生是場旅程,我們經歷了幾次輪迴,才換來這個旅程,而這個旅程很短,因此不妨大膽一些,不妨大膽一些去愛個人,去攀座山,去追一個夢······有很多事我都明白,但我相信件事,上天我們來到這個世界,就是為了我們創造

人生是一場旅程,我們經歷了幾次輪迴,才換來這個旅程,而這個旅程很短,因此不妨大膽一些,不妨大膽一些去愛一個人,去攀一座山,去追一個夢······有很多事我都不明白,但我相信一件事,上天讓我們來到這個世...

檢查是否是圖片、限制傳畫素、圖片傳時預覽、預覽圖在新頁面檢視原圖、傳圖片

在做網站後臺管理時,涉及到了圖片的上傳,經過多次改動後,上傳圖片的一系列步驟如下 1.在點選瀏覽按鈕時彈出框只出現圖片格式的檔案,可在input type=file中通過accept=".jpg,.png,.jpeg" 限制。 增加限制前: 增加限制後: 但在上圖示紅處選擇所有檔案時又會

tomcatstartup.bat出現閃退,啟動成功的解決辦法

問題描述:tomcat點選startup.bat出現命令列閃退的情況 開啟startup.bat,在第一行加入 SET JAVA_HOME=D:\jdk\jdk1.8.0_121【jdk路徑】 SET TOMCAT_HOME=D:\apache-tomca

大資料學習——流日誌每天都10T,在業務應用伺服器,需要準實時傳至(Hadoop HDFS)

點選流日誌每天都10T,在業務應用伺服器上,需要準實時上傳至(Hadoop HDFS)上 1需求說明 點選流日誌每天都10T,在業務應用伺服器上,需要準實時上傳至(Hadoop HDFS)上 2需求分析 一般上傳檔案都是在凌晨24點操作,由於很多種類的業務資料都要在晚上進行傳輸,為了減輕伺服器的壓力,