阻止事件冒泡的兩種方法
何為冒泡:
即事件開始是由最具體的元素接收,然後逐層向上級傳播到較為不具體的元素。
加入一個button和它的父級div同時定義了onclick事件,點選button時,在觸發了button的onclick事件之後,會發生事件冒泡,然後觸發div的onclick事件,然而,觸發button的onclick事件的同時也觸發div的onclick事件顯然不是我們想要的,此時,可以阻止冒泡事件。
方法一:
event.stopPropagation();
這個方法會阻止冒泡事件,但是不會阻止預設事件
方法二:
return false;
既阻止冒泡事件也阻止預設事件
還有一個方法,雖然不能阻止冒泡,但是可以阻止預設事件
event.preventDefault()
相關推薦
MUI自定義事件的兩種方法
mui.fire 監聽自定義事件 document.addEventListener('gohome',function(){ })觸發自定義事件 window.
在Activity中響應ListView內部按鈕的點選事件的兩種方法!!! 在Activity中響應ListView內部按鈕的點選事件的兩種方法
轉載:http://www.cnblogs.com/ivan-xu/p/4124967.html 最近交流群裡面有人問到一個問題:如何在Activity中響應ListView內部按鈕的點選事件,不要在Adapter中響應? 對於這個問題,我最初給他的解答是,在Adapter中定義
給TextBox新增失去焦點事件(兩種方法)
第一種: Txt_CustomerID.Attributes.Add("onfocusout", "CheckID('CustomerID');GetCompanyName();"); 給TextBox新增失去焦點事件,執行
android 捕獲返回(後退)按鈕事件的兩種方法
第一種方法: public void onBackPressed() { //code...... } 第二種方法: public boolean onKeyDown(int keyCode, KeyEvent event) {
angularjs 繫結enter事件的兩種方法
繫結dom元素enter事件有兩種方法,個人推薦第二種 方法一:由於沒有ngEnter指令,所以可以自己擴充套件一個 指令程式碼如下: 'use strict'; define(functi
js阻止事件冒泡的兩種方法
type print mil opp name sel code read lib 一、冒泡事件簡介 當我們點擊一個控件的時候,如果包括這個控件的父控件也有click事件,則會繼續執行。 方法一:event.stopPropagation( ); 例如: <div
阻止事件冒泡的兩種方法
何為冒泡: 即事件開始是由最具體的元素接收,然後逐層向上級傳播到較為不具體的元素。 加入一個button和它的父級div同時定義了onclick事件,點選button時,在觸發了button的onclick事件之後,會發生事件冒泡,然後觸發div的onclic
阻止冒泡事件的三種方法總結
1.event.stopPropagation(); 事件處理過程中,阻止了事件冒泡,但不會阻擊預設行為(它就執行了超連結的跳轉) 2.return false; 事件處理過程中,阻止了事件冒泡,也阻止了預設行為(比如剛才它就沒有執行超連結的跳轉)
js阻止表單提交的兩種方法
js阻止表單提交的兩種方法<body> <form action="clock.html" method="post" onsubmit="return checkLength()"> <p>name:<input type="text" na
阻止事件冒泡,阻止預設事件,阻止所有事件的方法
阻止事件冒泡? w3c用的是stopPropagation(),IE用的是cancelBubble=true。 阻止預設事件的方法? w3c用的是preventDefault(),IE用的是ret
View事件攔截的兩種方法
通常ViewGroup要對事件進行攔截可以通過重寫onInterceptTouchEvent()方法並返回true,就表示要對事件進行攔截,攔截之後事件就不會再傳遞到子View,自然的,子View的onTouchEvent()方法也不會被呼叫了。 另
Button點選事件實現頁面跳轉的兩種方法
方法一: 常用方式,在java檔案中給Button設定點選監聽事件button.setOnClickListener(),新建Intent類,從MainActivity跳轉至ImageTest but
為未來元素繫結事件(JavaScript和jquery兩種方法對比)
小白 ~_~!! 日常打醬油 一般我們為已經存在的元素繫結事件,那麼直接獲取這個元素的id,直接繫結上去就可以了. 但當這個元素不存在,將會我們又會新增進去的時候,直接獲取目標元素id繫結事件就會對未來新新增的元素失效了!!. 也就是你後來新新增這個元素,是無法被觸發的
為Button點選事件註冊監聽器的兩種方法
Button是Android程式中最常用到的控制元件之一,主要用來與程式和使用者的互動。可配置的屬性這裡不展開敘述,這裡簡單的在activity_main.xml中加入一個Button: <Bu
【Jquery】jQuery獲取URL參數的兩種方法
ont ras mil scrip line 兩種方法 lower quest request jQuery獲取URL參數的關鍵是獲取到URL,然後對URL進行過濾處理,取出參數。 location.href是取得URL。location.search是取得URL“?
線程的啟動的兩種方法,Runnable接口,run()的調用
ride 之前 線程終止 源碼解析 star 有意 tro thread類 override 實現並啟動線程有兩種方法1、寫一個類繼承自Thread類,重寫run方法。用start方法啟動線程2、寫一個類實現Runnable接口,實現run方法。用new Thread(Ru
阻止事件冒泡
itl opp elf prop logs script rand col 事件冒泡 <!doctype html> <html> <head> <title></title> <meta
JQuery中阻止事件冒泡方式及其區別
use urn query class span 事件冒泡 事件 clas nbsp 方式一:event.stopPropagation(); 1 $("#div1").mousedown(function(event){ 2 event.stopPropa
spring 讀取properties的兩種方法
jdbc factor frame ram con framework html tex 讀取 一:直接使用context命名空間 如: <beans xmlns="http://www.springframework.org/schema/beans" xm
Parallels Desktop 12卸載的兩種方法!
對於mac系統虛擬機:Parallels Desktop 12怎麽卸載呢? 首先在Mac電腦中打開應用程序,然後找到Parallels Desktop 12軟件圖標,將它移除至廢紙簍中就可以了。如果我們已經在虛擬機中安裝了Windows,就需要先將這些Windows刪除,這樣才不會占用內存。