JQuery event.namespace用法及代码示例

jQuery中的event.namespace属性用于在触发事件时返回自定义名称空间。它用于根据所使用的命名空间来不同地处理任务。

用法:

event.namespace

参数：此属性包含必需的单个参数事件。它返回自定义名称空间，它来自事件绑定函数。

示例1:本示例使用event.namespace属性返回并删除名称空间。

<!DOCTYPE html> 
<html> 
      
<head> 
    <title> 
        jQuery event.namespace Property 
    </title> 
      
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script> 
      
    <!-- Script to use event.namespace property -->
    <script> 
        $(document).ready(function() { 
            $("h3").on("custom.someNamespace", function(event) { 
                alert(event.namespace); 
            }); 
              
            $("h3").click(function(event) { 
                $(this).trigger("custom.someNamespace"); 
            });   
        
            $("button").click(function() { 
                $("h3").off("custom.someNamespace"); 
            }); 
    });   
    </script> 
</head> 
  
<body> 
    <center> 
   
        <h1>Welcome to GeeksforGeeks!.</h1>  
          
        <div style="background-color:green"> 
            <h3> Click here Geeks for Geeks.</h3> 
            <button>Remove namespace</button> 
        </div> 
      
    </center> 
 </body> 
  
</html>

输出：
在单击元素h3之前：

单击元素h3之后：

示例2:本示例使用click.mySomething命名空间来滑动内容。

<!DOCTYPE html> 
<html> 
      
<head> 
    <title> 
        jQuery event.namespace Property 
    </title> 
      
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script> 
      
    <!-- Script to use event.namespace to  
        slideToggle content -->
    <script> 
        $(document).ready(function() { 
            $("h3").on("click.mySomething", function() { 
                $(this).slideToggle(); 
            }); 
             
            $("button").click(function() { 
                $("h3").off("click.mySomething"); 
            }); 
        }); 
    </script> 
</head> 
  
<body> 
    <center> 
        <h1>Welcome to GeeksforGeeks!.</h1>  
          
        <div style="background-color:green"> 
            <h3>1st statement : Geeks for Geeks.</h3> 
            <h3>2nd statement : Mathematics</h3> 
            <button>Click to remove namespace</button> 
        </div> 
    </center> 
 </body> 
  
</html>

输出：
之前单击第一条语句：

单击第一条语句后：

相关用法

注：本文由纯净天空筛选整理自AdeshSingh1大神的英文原创作品 jQuery | event.namespace Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。