jquery中阻止事件冒泡的方法

2019獨角獸企業重金招聘Python工程師標準>>> hot3.png

根據《jquery基礎教程》

第一種方法:判斷事件的“直接”目標是否是自身,如果不是自身,不予處理

$('div.outter').click(function(event) {if (event.target === this) {$('p').css('color', 'red');}
}); //該div事件handler忽略了冒泡,內部元素的點擊事件不會聯帶外部產生副作用

第二種方法:在直接目標中終止事件傳遞

$('h3').click(function(event){console.log('Enter h3 click event handler');event.stopPropagation(); // 終止了事件的冒泡傳遞
});

第三種方法:由于stopPropagation并不能阻止“默認行為”,如果想要阻止默認行為,那么使用

event.preventDefault(),所謂的默認行為例如,點擊<a>會打開一個新的網頁鏈接,惦記submit會提交一個表單。默認行為的觸發并不在普通的事件流當中。

$('a').click(function(event){event.preventDefault();// do something
});

?

轉載于:https://my.oschina.net/u/566896/blog/830281

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/541890.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/541890.shtml
英文地址,請注明出處:http://en.pswp.cn/news/541890.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

java swing 組織機構_課內資源 - 基于Java Swing的小型社團成員管理系統

一、需求分析1.1 個人信息學號、姓名、性別、年級、系別、專業、出生日期、聯系方式、個性簽名、地址、照片。1.2 基本功能要求管理員信息管理登錄、注銷功能修改密碼功能部落成員信息管理添加成員刪除成員修改成員信息按條件查找篩選成員1.3 高級特性管理員權限管理成員信息包…

Java System類loadLibrary()方法與示例

系統類loadLibrary()方法 (System class loadLibrary() method) loadLibrary() method is available in java.lang package. loadLibrary()方法在java.lang包中可用。 loadLibrary() method is used to load the library with the given parameter named library_name(library …

CCF201509-2 日期計算(100分)

試題編號&#xff1a; 201509-2 試題名稱&#xff1a; 日期計算 時間限制&#xff1a; 1.0s 內存限制&#xff1a; 256.0MB 問題描述&#xff1a; 問題描述給定一個年份y和一個整數d&#xff0c;問這一年的第d天是幾月幾日&#xff1f;注意閏年的2月有29天。滿足下面條件之一的…

Java StringBuilder trimToSize()方法與示例

StringBuilder類trimToSize()方法 (StringBuilder Class trimToSize() method) trimToSize() method is available in java.lang package. trimToSize()方法在java.lang包中可用。 trimToSize() method is used to minimize storage used for the characters (i.e. if the init…

第一百四十一節,JavaScript,封裝庫--DOM加載

JavaScript&#xff0c;封裝庫--DOM加載 DOM加載&#xff0c;跨瀏覽器封裝DOM加載&#xff0c;當網頁文檔結構加載完畢后執行函數&#xff0c;不等待圖片音頻視頻等文件加載完畢 /** dom_jia_zai()函數&#xff0c;DOM頁面加載函數&#xff0c;等待頁面結構加載完畢后就執行函數…

java 使用接口便于維護程序_Java初學——面向對象接口的應用

一、接口1.什么是接口接口是比抽象類更抽象的定義&#xff0c;接口不可以被實例化 實現類必須實現接口的所有方法 實現類可以實現多個接口 、多個接口使用逗號隔開 接口中的變量都是靜態常量(public static final) 程序設計時面向接口的約定而不考慮具體實現 。2.為什么使用接口…

Java ResourceBundle getLocale()方法與示例

ResourceBundle類的getLocale()方法 (ResourceBundle Class getLocale() method) getLocale() method is available in java.util package. getLocale()方法在java.util包中可用。 getLocale() method is used to get the locale of this ResourceBundle. getLocale()方法用于獲…

centos下安裝pip時失敗:

2019獨角獸企業重金招聘Python工程師標準>>> [rootwfm ~]# yum -y install pip Loaded plugins: fastestmirror, refresh-packagekit, security Loading mirror speeds from cached hostfile * base: mirrors.tuna.tsinghua.edu.cn * extras: mirrors.tuna.tsinghua…

java 標準輸入流 關閉 打開_java輸出流關流疑問,以下這個程序的in和out是否要關閉?...

/**標準IOjava.lang.System類中提供以下三個靜態常量&#xff1a;staticfinalInputStreamin功能&#xff1a;“標準”輸入流&#xff0c;流已打開并準備提供輸入數據。通常&#xff0c;此流對應于鍵盤輸入或者由主機環境或用戶指.../**標準IOjava.lang.System類中提供以下三個靜…

Java RandomAccessFile readUTF()方法及示例

RandomAccessFile類readUTF()方法 (RandomAccessFile Class readUTF() method) readUTF() method is available in java.io package. readUTF()方法在java.io包中可用。 readUTF() method is used to read this RandomAccessFile as a string. readUTF()方法用于以字符串形式讀…

LCD顯示屏原理與應用

1、什么是LCD&#xff1f; (1)LCD(Liquid Crystal Display)俗稱液晶.(2)液晶是一種材料&#xff0c;液晶這種材料具有一種特點&#xff1a;可以在電信號的驅動下液晶分子進行旋轉&#xff0c;旋轉時會影響透光性&#xff0c;因此我們可以在整個液晶面板后面用白光照&#xff08…

Java PipedInputStream connect()方法與示例

PipedInputStream類的connect()方法 (PipedInputStream Class connect() method) connect() method is available in java.io package. connect()方法在java.io包中可用。 connect() method is used to cause this PipedInputStream to be connected to the given PipedOutputS…

java寫手機游戲_如何將自己編寫的JAVA小游戲寫到手機里?

2019-06-19怎么用java編寫獲取星期幾的程序&#xff1f;import java。util。*; public class WeekDay { Calendar date Calendar。getInstance(); private int getMaxDate(int moth){ moth moth -1; if(moth > 12 || moth < 0){ System。 out。println("輸入月份錯…

Java PipedInputStream receive()方法與示例

PipedInputStream類的receive()方法 (PipedInputStream Class receive() method) receive() method is available in java.io package. receive()方法在java.io包中可用。 receive() method is used to receive a byte of content and it will block when no more input remain…

java去除重復對象_Java19-2 集合類去除重復對象

List獨有方法&#xff1a;import java.util.ArrayList;import java.util.List;public class ListTest2 {public static void main(String[] args) {List listnew ArrayList();list.add("abc1");list.add("abc2");list.add("abc1");list.add(&quo…

SSM框架整合中遇到重復的問題Ambiguous handler methods mapped for HTTP

嚴重: Servlet.service() for servlet [spring] in context with path [/ssmDemo] threw exception [Request processing failed; nested exception is java.lang.IllegalStateException: Ambiguous handler methods mapped for HTTP path /init.do: {public java.lang.String …

Java ObjectStreamClass lookup()方法與示例

ObjectStreamClass類lookup()方法 (ObjectStreamClass Class lookup() method) lookup() method is available in java.io package. lookup()方法在java.io包中可用。 lookup() method is used to lookup the descriptor for a class that can be serialized. lookup()方法用于…

java default parameter_JAVA菜鳥入門(7) default parameter , float/double vs BigDecimal

1 java的允許函數的默認參數嗎?java不支持類似C那樣&#xff0c;為函數設定默認參數&#xff0c;所以需要做的事情是&#xff0c;自己用函數重載的方式進行模擬。如下public class FFOverload {public String getName(String givenName,String familyName){return givenName&…

gitlab修改默認端口

部署gitlab的時候&#xff0c;一啟動&#xff0c;發現80和8080端口已經被占用&#xff0c;無奈&#xff0c;只得先將監聽80端口的nginx和監聽8080端口的jenkins停止。這會兒有空&#xff0c;琢磨一下如何修改gitlab的默認端口。 修改主要分為兩部分&#xff0c;一部分是gitlab總…

Java ObjectOutputStream reset()方法與示例

ObjectOutputStream類reset()方法 (ObjectOutputStream Class reset() method) reset() method is available in java.io package. reset()方法在java.io包中可用。 reset() method is used to reset this stream. It reset the stream to the position marked most recently. …