js點選事件冒泡
當子節點與父節點上均有點選事件的時候,一般情況下點選會觸發兩個事件(子節點的點選事件會向父一級傳遞),有時需要在點選子節點的時候,中止父節點接下來的行為。
<div onclick="fun1(event)" >父節點
<p onclick="fun2(event)">子節點</p>
</div>
var fun1 = function (e) {
alert("我是父節點點選事件");
}
var fun2 = function (e) {
e.stopPropagation();//阻止點選事件向上冒泡
alert("我是子點節點選事件" );
}
只需e.stopPropagation()就能阻止事件向上一級冒泡
相關推薦
js點選事件冒泡
當子節點與父節點上均有點選事件的時候,一般情況下點選會觸發兩個事件(子節點的點選事件會向父一級傳遞),有時需要在點選子節點的時候,中止父節點接下來的行為。 <div onclick="fun
js點選事件禁止冒泡
$(".car-style").click(function(){ $(".operate-mask-outer").show(); // 點選黃色的禁停站,彈出框顯示 }); $("#operateMask").click(func
js控制點選事件冒泡,相容ie火狐蘋果
function getEvent(){ if(window.event) {return window.event;}
js點選事件在ios中失效的解決方案
ios中不允許將點選事件繫結在document或者body上,如果繫結上的話將會失效。解決方案: 例如: $(document).on(‘click’, ‘#content’, function ()}… //無效 第一種: 改為: 用#content外面的標
PC端微信瀏覽器js點選事件失效
**電腦端微信瀏覽器js點選事件失效** 前段時間發現開發的一個微信公眾號上一個按鈕的點選事件在手機上是正常的,電腦端手機微信裡卻不起作用。 在網上找了好久都沒有找到解決辦法。 後來檢視
JS點選事件實現改變對應標籤背景顏色
今天同學提問的一個“JS實現的效果是點選對應的標籤,起背景顏色變成紅色,字型變成白色”,但是她的頁面中只是字變了顏色,但是背景顏色去沒有變化, 其截圖如下: 經過頁面的除錯,發現並沒有進入到迴圈裡面,利用alert(cns.length);發現彈
android混淆之後webview不響應js點選事件
在js的介面上面寫上@JavascriptInterface。。。找了好久,在官方文件上找到的解決辦法。。 補充:混淆的時候加上這兩句,xxx表示webview 的全路勁 -keep class xxx.xxx.xxx$*{ <methods>; } -kee
js 點選事件回撥函式傳參
點選事件回撥函式傳參 使用匿名函式 function testFun(event, str) { console.log(str); } var test = document.getEleme
js點選事件繫結一次,但是點選卻執行了多次
造成這樣的原因是因為繫結事件會累加,在寫js實現分頁拿資料時,由於是通過class為元素繫結事件,每當那一頁新的資料的時候,就會為該class繫結事件,即造成了事件的累加,解決辦法,通過bind(‘click’funtion(){})來繫結事件,並且在繫結之前現將click事
TypeScript ts阻止點選事件冒泡
開發中,我們經常會遇到只響應所點選目標的點選事件,而非他的父級標籤的點選事件,即阻止事件冒泡 在ts中,有一個方法可以呼叫阻止冒泡 onClick(){ event.stopPropagati
JS 點選事件onclick:點選物件小區域顏色,大區域顏色改變
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <
原聲js,取消事件冒泡,點擊按鈕,顯示box,點擊屏幕其他地方,box隱藏
lang || width pre document nodes onclick 谷歌 one <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g
JS:點選切換radio觸發事件
html: <table id="rblEndTime" border="0"> <tbody> <tr id="endtime_tr"> <td> <input id="rblEndTime_0" type
js拼接的程式碼點選事件無響應,只需用這個事件監聽就通解決
通過js拼接的動態程式碼做類事件響應的時候,點選事件響應。 只需用這個事件監聽就通解決: $('body').on('click', '.but', function() { }) 拼接的程式碼如下: $page_str='<div dat
vue.js右鍵點選事件+在游標停靠位置插入文字
直接在需要右鍵效果的新增 @contextmenu.prevent='function' function寫自己的程式碼 另外,專案中用到在游標停靠位置插入文字的功能,一併描述一下 insertShort(index) { this.contextmenuShow = fal
js中 ajax動態新增節點無法觸發點選事件
在寫ajax載入資料的時候發現,後面新增進來的demo節點元素,失去了之前的點選事件。 其實最簡單的方法就是直接在標籤中寫onclick="",但是這樣寫有些場景的是實現不了的,最好的方式還是通過給類名繫結一個click事件。 方法一:使用live: live()函式會給被選的元素繫結上一個或者多個事件
利用chrome瀏覽器進行js除錯並找出元素繫結的點選事件詳解
大家有沒有遇到這樣的一個問題,我們在分析一些大型電子商務平臺的Web前端指令碼時,想找到一個元素繫結的點選事件,並不是那麼容易,因為有些前端指令碼封裝的比較隱蔽,甚至有些加密指令碼,用傳統的查詢元素ID、或者頁面原始碼方法去找,可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查詢元素繫
selenium運用js處理點選事件失效
有時候,元素明明已經找到了,使用click()就是無法觸發點選事件(當然,這種情況十分少見,至少我只遇到過一次)。下面告訴大家這種場景的解決方案。 使用js程式碼來點選【部落格園】這個按鈕 程式碼: #!/usr/bin/pytho
js利用點選事件做一個簡單的計算器
原始碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&g
swiper輪播圖包在div(tab切換)下js上一頁下一頁點選事件失效解決辦法
問題: 兩種解決辦法: 解決辦法一: var mySwiper = new Swiper ('.swiper-container', { nextButton: '.swiper-button-next', p