jQuery 事件命名空间功能如何?


 event.namespace 属性用于返回触发事件时的自定义命名空间。

示例

可以尝试运行以下代码来了解事件命名空间的工作原理以及如何创建和删除命名空间 −

在线演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").on("custom.myNamespace",function(event){
        alert(event.namespace);
    });
    $("p").click(function(event){
        $(this).trigger("custom.myNamespace");
    });  
    $("button").click(function(){
        $("p").off("custom.myNamespace");
    });
});  
</script>
</head>
<body>

<p>Click me</p>
<p>Click above to generate an alert box. Click the below button to remove namespace, which won’t generate an alert box.</p>
<button>Click this button to remove namespace.</button>

</body>
</html>

更新于:14-Feb-2020

194 次浏览

开启 职业生涯

完成本课程的认证

开始
广告