我有一个带有 create.blade.php 文件的 laravel 项目:
<input id="testButton" type="submit" value="test"/>
和一个 javascript api.js 文件:
$(document).ready(function() {
$("testButton").click(function(){
alert("button pressed"):
});
});
如何让 HTML 中的按钮执行 JS 代码?
到目前为止,我已经尝试用以下代码替换 JS 代码:
$("testButton").click(function(){
alert("button pressed");
});
或者这个:
$(document).on("click","testButton",function(){
alert("button pressed");
});
但它什么也没做。
将
<input>
替换为 <button>
并将 type=
从 submit
更改为 button
也没有任何作用。
看来,当 onClick 事件触发时,你必须告诉按钮运行哪个脚本。
我已经测试了以下内容,看起来工作正常。
HTML页面代码:
function display() {
alert("button pressed");
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="google" content="notranslate"/>
<script src="myTestScript.js"></script>
</head>
<body translate="no">
<input id="testButton" type="submit" value="test" onClick="display()"/>
</body>
</html>
myTestScript.js 有以下内容;
function display() {
alert("button pressed");
}