Javascript 按钮单击jquery不工作_Javascript_Jquery

Javascript 按钮单击jquery不工作

javascript jquery

Javascript 按钮单击jquery不工作,javascript,jquery,Javascript,Jquery,这应该是一个非常简单的答案，但我现在想不出来。我有这个按钮： <button id="logout" type="button">Logout</button> 但是，没有弹出警报。我不明白。提前谢谢 addEventListener是DOM元素的方法，而不是jQuery对象的方法，它是一种类似数组的结构，包含所有选定的DOM元素要使用jQuery附加事件，请使用=>将一个或多个事件的事件处理程序函数附加到所选元素试试这个： $（“#注销”）。在（“单击”，函数（

这应该是一个非常简单的答案，但我现在想不出来。我有这个按钮：

<button id="logout" type="button">Logout</button>

但是，没有弹出警报。我不明白。提前谢谢

addEventListener

是

DOM

元素的方法，而不是

jQuery

对象的方法，它是一种类似数组的结构，包含所有选定的DOM元素

要使用

jQuery

附加事件，请使用=>将一个或多个事件的事件处理程序函数附加到所选元素

试试这个：

$（“#注销”）。在（“单击”，函数（）{
警报（“点击按钮”）；
});

注销
您应该使用方法来使用jquery中的事件处理程序。addEventListener是一个核心JavaScript事件方法
$("#logout").on("click", function() {
  alert('Button Clicked');
});

您仍然可以使用addEventListner将jQuery代码强制转换为JavaScript：
$("#logout")[0] //Now, this is JavaScript Object
   .addEventListener("click", function () {
    alert('Button Clicked');
});

您可以使用jQuery的click/on函数让按钮工作
例如：
$("#logout").on("click", function () { alert('Button Clicked'); });
$("#logout").click(function () { alert('Button Clicked'); });

addEventListener（）
方法在EventTarget
上注册指定的侦听器
如果确实要使用addEventListener
，请编写以下代码：
var el = document.getElementById("logout");
el.addEventListener("click", function () {
     alert('Button Clicked');
}, false);

否则，请使用jquery执行此操作
$(document).on("click", "#logout", function () {
    alert('Button Clicked');
});

或
另一个答案是：
$(document).on("click", "#logout", function() {
  alert('Button Clicked');
});

这也适用于动态创建的元素。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>

    $(document).ready(function () {
        $("#logout").on("click", function () {
            alert('Button Clicked');
        });
    });
</script>
</head>

<body>
    <button id="logout" type="button">Logout</button>
</body>

</html>

$（文档）.ready（函数（）{
$（#注销”）。在（“单击”上，函数（）{
警报（“点击按钮”）；
});
});
注销
如果您像firebug一样进入控制台并键入$（）
，您将看到显示jQuery函数/对象的方法和属性的jQuery对象。此对象上没有addEventListener
addEventlistener
是DOM的一种方法。如果您想通过“少写多做”来利用jQuery，请使用jQuery方法，如

上的

。这将允许您在元素上添加事件处理程序
$(document).on("click", "#logout", function() {
  alert('button clicked');
});

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>

    $(document).ready(function () {
        $("#logout").on("click", function () {
            alert('Button Clicked');
        });
    });
</script>
</head>

<body>
    <button id="logout" type="button">Logout</button>
</body>

</html>

var element = document.getElementById("logout");

element.addEventListener("click", myFunction);

function myFunction() {

     // your code logic comes here
}

$(document).on("click", "#logout", function() {
  alert('button clicked');
});