按钮onclick不执行功能
问题描述:
我有我的小提琴的问题:https://jsfiddle.net/5L7etues/button onclick="myValami()"
,似乎没有工作..这个按钮应该执行功能“myValami”clearinterval,但它什么也没做。我拼写检查,不止一次检查。我滚动了几个问题,似乎都不能解决我的问题。我甚至尝试从W3schools的步骤https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_clearinterval复制代码,但仍然无法工作。我怀疑我错过了明显的东西。我感谢任何答案!按钮onclick不执行功能
答
相反内嵌JavaScript,采用addEventListener
附加事件侦听器:
var c = document.getElementById("Canvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#ff0066";
ctx.fillRect(100, 100, 50, 50);
var X = 100;
var Y = 100;
var W = 50;
var H = 50;
var interval = window.setInterval(myRect, 10);
function myRect() {
ctx.fillRect(X, Y, W, H);
ctx.fillRect(X = X + 1, Y, W, H);
}
function myValami() {
clearInterval(interval);
}
var button = document.querySelector('button');
button.addEventListener('click', myValami);
<canvas id="Canvas" width="400" height="200" style="border:1px solid #000000;"></canvas>
<button>STOP</button>
首先,您错过了_browser console_的存在,它会在其中指出您的脚本有哪些错误。所以你现在就去那里看看,然后你回到这里并报告它说了些什么。 (编辑问题,并且直接在相关代码中包含相关代码,请阅读[问]。) – CBroe