jQuery event.namespace 属性

jQuery 的 event.namespace 属性用于指定事件触发时的命名空间。当事件触发时，它会返回指定的或自定义的命名空间。

在 jQuery 中，命名空间是一个封装函数、变量和其他对象的物件。它提供了一种组织和分组相关代码以及防止命名冲突的方法。

语法

以下是 jQuery event.namespace 属性的语法：

event.namespace

参数

此方法不接受任何参数。

返回值

此属性在事件触发时返回自定义的命名空间。

示例 1

绑定带有命名空间的事件。

以下是 jQuery event.namespace 属性的基本示例：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <style>
        p{
            font-size: 20px;
            color: green;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <p>Click on me</p>
    <script>
    $("p").on("click.TutorialsPoint", function(event) {
        alert("Event namespace is: " + event.namespace);
    });
    </script>
</body>
</html>

输出

以上程序显示了一个按钮。当单击按钮时，它会显示“undefined”作为命名空间，在事件未触发之前，它将返回 undefined。

当单击按钮时：

示例 2

触发带有命名空间的事件。

以下是 jQuery event.namespace 属性的另一个示例。我们使用此方法来指定和检索事件触发时的命名空间：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <style>
        div{
            width: 200px;
            padding: 10px;
            background-color: green;
            color: white;
        }
    </style>
</head>
<body>
    <p>Mouse enter on the below box</p>
    <div>TutorialsPoint</div><br>
    <button>Remove</button><br>
    <span></span>
    <script>
    $("div").on("mouseenter.TutorialsPoint", function(event) {
        $('span').text("Event namespace is: " + event.namespace);
        $('span').css("color", "green");
    });
    $("div").on("mouseenter", function(){
        $(this).trigger("mouseenter.TutorialsPoint");
    })
    $('button').click(function(){
        $('div').off("mouseenter.TutorialsPoint");
        $('span').text("Removed...!");
        $('span').css("color", "red");
    });
    </script>
</body>
</html>

输出

执行上述程序后，它会显示一个 <div> 元素和一个按钮，当鼠标指针进入“div”元素时，命名空间将被显示，当单击按钮时，命名空间将被移除。

jquery_ref_events.htm

打印页面