javascript - onclick 事件处理程序不起作用

标签 javascript html

这是 JavaScript 中的示例代码:权威指南,第 6 版。

<button id="my button">click me</button>
<script>
var b = document.getElementById("my button");
b.onclick = fuction(){alert("Thanks for clicking me!");}; /*work well if I delete this parse*/
b.addEventListener ("click", function(){ alert("Thanks again!");}, false);
</script>

当我单击按钮时,没有任何反应。

最佳答案

你确定你写得很好吗?

1 - 删除 id 值上的空格:将 id="my button"更改为 id="mybutton"。

2 - 不是函数,是函数。

<button id="mybutton">click me</button>
<script>
var b = document.getElementById("mybutton");
b.onclick = function(){alert("Thanks for clicking me!");}; /*work well if I delete this parse*/
b.addEventListener ("click", function(){ alert("Thanks again!");}, false);
</script>

关于javascript - onclick 事件处理程序不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37872782/

相关文章:

javascript - 如何在angular js中更改html的属性?

html - 图片在我的网站上出现锯齿状

javascript - 获取来自 jquery 的选定选项的值以更新表单操作

javascript - HTML5、CSS3 和/或 JS 中旋转 CD 上的音频播放器

javascript - Angular : service. setData 不是函数

html 不会为小屏幕加载 css

javascript - 想要在 jQuery Mobile 首次加载时显示对话框消息

javascript - 使用 json 数组的 donut chart

javascript - 原型(prototype)和构造函数对象属性

html - 将 float 元素组织成动态网格