未调用按钮事件

Button event is not invoked

本文关键字：事件 按钮 调用      更新时间：2024-01-24

我的按钮点击不起作用，目前我使用以下代码，这是视图

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="file.js"></script>
    <input type="button" id="button" value="Click Me" />
     <input  id="button2" value="Click Me 2"  />
</head>
<body>
</body>
</html>

这是JS文件

$('#button').click(onClick);
var onClick = function() {
    debugger;
    alert('Hi');
};

此外，我希望当我点击时，我会得到上下文（可能是onClick事件中所选按钮的事件，IM在这里做错了什么？

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="file.js"></script>
</head>
<body>
<input type="button" id="button" value="Click Me" />
     <input type="button" id="button2" value="Click Me 2"  />
</body>
</html>

JS代码：

$(document).ready(function(){
  var onClick = function() {
    alert('Hi');
};
                  $('#button').click(onClick);
});

当您尝试启动事件处理程序时，您的html Dom不在那里。尝试将yor函数包装在文档中，或者在html部分之后，直接在结束正文标记之前包含javascript

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

</head>
<body>
     <input type="button" id="button" value="Click Me" />
     <input  id="button2" value="Click Me 2"  />
<script src="file.js"></script>
</body>
</html>

这样声明您的函数：

function onClick() {
    alert('Hi');
};

或者将按钮链接到函数AFTER var声明：

var onClick = function() {
    debugger;
    alert('Hi');
};
$('#button').click(onClick);
相关文章：