javascript實(shí)現(xiàn)相同事件名稱,不同命名空間的調(diào)用方法
本文實(shí)例講述了javascript實(shí)現(xiàn)相同事件名稱,不同命名空間的調(diào)用方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("div").bind("click",function(){ $("body").append("<p>click事件</p>"); }); $("div").bind("click.plugin", function(){ $("body").append("<p>click.plugin事件</p>"); }); $("button").click(function() { $("div").trigger("click!"); // 注意click后面的感嘆號(hào) // click! 后面有嘆號(hào),是調(diào)用沒有任何命名空間的click事件 // click 后面沒有嘆號(hào),是調(diào)用所有click事件(不管是那個(gè)命名空間的) // click.plugin 是調(diào)用某個(gè)特定命名空間的click事件(本例中是plugin) }); }) </script> </head> <body> <div style="width:100px;height:50px;background:#888;color:white;">test.</div> <button >根據(jù)命名空間,觸發(fā)事件</button> </body> </html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript 利用StringBuffer類提升+=拼接字符串效率
JavaScript 利用StringBuffer類提升+=拼接字符串效率,需要的朋友可以參考下。2009-11-11js實(shí)現(xiàn)的仿新浪微博完美的時(shí)間組件升級(jí)版
本博客沒有華麗的布局,只求樸實(shí)的js的代碼,只為js代碼愛好者提供,一周大概會(huì)出1-2篇js前沿代碼的文章.只是代碼,不說技術(shù)2011-12-12js統(tǒng)計(jì)錄入文本框中字符的個(gè)數(shù)并加以限制不超過多少
為了更直觀的體現(xiàn)用戶在文本框輸入文本時(shí)能看到自己輸入了多少字,并且有些特殊的要求字?jǐn)?shù)不超過多少,本文給出了具體的實(shí)現(xiàn)2014-05-05js 客戶端打印html 并且去掉頁眉、頁腳的實(shí)例
下面小編就為大家?guī)硪黄猨s 客戶端打印html 并且去掉頁眉、頁腳的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11js 三級(jí)關(guān)聯(lián)菜單效果實(shí)例
這篇文章介紹了js 三級(jí)關(guān)聯(lián)菜單效果,有需要的朋友可以參考一下2013-08-08詳解JavaScript Alert函數(shù)執(zhí)行順序問題
本文主要介紹了Javascript的Alert函數(shù)執(zhí)行順序問題,對(duì)此感興趣的同學(xué),可以實(shí)驗(yàn)一下,以便解決平時(shí)遇到的一些奇怪的問題。2021-05-05JavaScript原始數(shù)據(jù)類型Symbol的用法詳解
Symbol是ES6中引入的一種新的基本數(shù)據(jù)類型,用于表示一個(gè)獨(dú)一無二的值。它是JavaScript中的第七種數(shù)據(jù)類型。本文將詳細(xì)講講Symbol的使用,需要的可以參考一下2022-11-11