单击按钮不会触发 JavaScript 函数

标签 javascript dom-events

我有以下 html:

    <input type="text" id="theInput" />

<input id="clickMe" type="button" value="Search" onclick="testFunction(document.getElementById('theInput').value)" /><br>

我正在尝试触发这个:

function testFunction(data)
{
    alert(data);
}

我还尝试了另一种方法,使用:

document.getElementById("clickMe").onclick = testFunction(document.getElementById("theInput").value);

遗憾的是,这两种方法似乎都没有触发函数。我确定我遗漏了一些简单的东西,有人能指出来吗?

最佳答案

我测试了一下,你的代码没问题,可以看到demo here .但是,由于您包含 javascript 函数的方式,我认为它在您的页面中不起作用。最好将所有脚本放在页面的head标签中。

如果您使用某些框架,请确保您的函数和绑定(bind)在所有 javascript 加载时执行。

关于单击按钮不会触发 JavaScript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17778941/

相关文章:

php - 重定向到不同的标签页

javascript - 在地址/字符串中查找邮政信箱

javascript - Angular 6 : Unable to access js variable in template getting async data

dom - Node.CloneNode() 不是函数 -dom-to-image.js

javascript - 尝试更改图像大小时出现非常奇怪的 Javascript 错误

javascript - 如何使用 JW Player 在所有浏览器/设备中播放视频?

javascript - d3 鼠标事件返回元素

javascript - 不在服务器端触发 onclick

javascript - 简单的表单验证。面向对象

javascript - 当用户离开我的 Javascript/AngularJS 网站时,如何提示模式?