按钮onclick不执行功能

-1

我有我的小提琴的问题：https://jsfiddle.net/5L7etues/button onclick="myValami()"，似乎没有工作..这个按钮应该执行功能“myValami”clearinterval，但它什么也没做。我拼写检查，不止一次检查。我滚动了几个问题，似乎都不能解决我的问题。我甚至尝试从W3schools的步骤https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_win_clearinterval复制代码，但仍然无法工作。我怀疑我错过了明显的东西。我感谢任何答案！按钮onclick不执行功能

来源

2017-06-16 Beg Inner

首先，您错过了_browser console_的存在，它会在其中指出您的脚本有哪些错误。所以你现在就去那里看看，然后你回到这里并报告它说了些什么。（编辑问题，并且直接在相关代码中包含相关代码，请阅读[问]。） – CBroe

相反内嵌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>

来源

2017-06-16 11:31:03 PeterMader

固定：

https://jsfiddle.net/5L7etues/4/

把一个ID为按钮（例如ID =“btnStop”）并使用以下功能：

来源

2017-06-16 11:50:32 treecon

按钮onclick不执行功能

回答

相关问题