按下 HTML 输入按钮时执行 JS 代码

问题描述 投票:0回答:1

我有一个带有 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
也没有任何作用。

javascript html
1个回答
0
投票

看来,当 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");
         }

© www.soinside.com 2019 - 2024. All rights reserved.