Javascript implementiert denselben Ereignisnamen und dieselben Aufrufmethoden in verschiedenen Namespaces_Javascript-Fähigkeiten-js-Tutorial-php.cn

Javascript implementiert denselben Ereignisnamen und dieselben Aufrufmethoden in verschiedenen Namespaces_Javascript-Fähigkeiten

WBOY

Freigeben： 2016-05-16 15:52:21

Original

1079 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Aufrufmethode von Javascript, um denselben Ereignisnamen, aber unterschiedliche Namespaces zu implementieren. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

<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后面的感叹号
   // click! 后面有叹号，是调用没有任何命名空间的click事件
   // click 后面没有叹号，是调用所有click事件(不管是那个命名空间的)
   // click.plugin 是调用某个特定命名空间的click事件（本例中是plugin）
 });
 })
 </script>
</head>
<body>
<div style="width:100px;height:50px;background:#888;color:white;">test.</div>
<button >根据命名空间，触发事件</button>
</body>
</html>

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.