javascript實(shí)現(xiàn)相同事件名稱，不同命名空間的調(diào)用方法
更新時(shí)間：2015年06月26日 15:46:14 作者：冥想_
這篇文章主要介紹了javascript實(shí)現(xiàn)相同事件名稱，不同命名空間的調(diào)用方法,涉及javascript命名空間及事件調(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)文章
這篇文章主要介紹了一個(gè)封裝好的萬能檢測(cè)表單的方法,非常的好用，使用也很方便，這里推薦給小伙伴們。2015-01-01
這篇文章主要針對(duì)javascript模塊化為大家進(jìn)行簡(jiǎn)單解析，如何寫一個(gè)模塊，在頁(yè)面中加載模塊的方法，感興趣的小伙伴們可以參考一下2016-04-04
事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別，有需要的朋友可以參考一下2013-10-10
Vue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)的實(shí)例
下面小編就為大家?guī)硪黄猇ue2.0+ElementUI實(shí)現(xiàn)表格翻頁(yè)的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了JS左右無縫輪播功能,結(jié)合完整實(shí)例形式分析了javascript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了xmlhttp緩存清除的2種解決方法。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
深入學(xué)習(xí)JavaScript ES8中的函數(shù)式編程
函數(shù)式編程已經(jīng)成為現(xiàn)代JavaScript開發(fā)中的一種主要范式,它提供了一種更清晰、更模塊化、更可維護(hù)的代碼編寫方式,本文將深入探討ES8中的一些關(guān)鍵特性,并演示如何使用這些特性進(jìn)行函數(shù)式編程實(shí)踐,有需要的可以參考下2023-09-09
小程序通過小程序云實(shí)現(xiàn)微信支付功能實(shí)例
本文主要介紹了小程序通過小程序云實(shí)現(xiàn)微信支付功能實(shí)例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要給大家介紹了關(guān)于echarts柱狀圖點(diǎn)擊事件的相關(guān)資料,在實(shí)際的項(xiàng)目開發(fā)中我們通常會(huì)用到Echarts來對(duì)數(shù)據(jù)進(jìn)行展示,有時(shí)候需要用到Echarts的點(diǎn)擊事件,增加系統(tǒng)的交互,需要的朋友可以參考下2023-09-09
setTimeout的延時(shí)為0時(shí)多個(gè)瀏覽器的區(qū)別
一直比較迷惑：js的setTimeout到底會(huì)在什么時(shí)候執(zhí)行，如果執(zhí)行了，和主執(zhí)行腳本到底差多長(zhǎng)時(shí)間2012-05-05