Question

当我使用addEventListener时，此功能正常。但是，当我使用button.click时，它无法正常工作。以下代码有什么错误？是什么原因导致它无效varNext.click= myFunc;？

[代码]

<!doctype html>
<html>
<head>
<title>Slideshow</title>
<script type="text/javascript">
var images = ['home_default.png','about_default.png','blog_default.png','logo.png'];
function myFunc(){

var var1 = document.getElementById("slideimage");
var var2 = var1.name.split("_");
//alert(var2);
index = var2[1];

if(index == images.length - 1){
index = 0;
}else {index++;}

var1.name = "image_" + index;
var1.src = images[index];
}
</script>
</head>
<body>

<p><img id="slideimage" name="image_0" src="home_default.png" alt="Home"></p>
<form name="slideform">
<input type="button" id="nextbtn" value="Next">
</form>

<script type="text/javascript">
var varNext = document.getElementById("nextbtn");
//varNext.addEventListener("click", myFunc, false);
varNext.click= myFunc;
</script>
</body>
</html>

[/代码]

Answer 1

您需要使用onclick属性

varNext.onclick = myFunc;

Answer 2

而不是.click^{fires the element's click event}，它必须是.onclick^{property returns the onClick event handler}

试试这个

varNext.onclick = myFunc;

Demo Fiddle of your code

使用它作为对象时，Onclick不起作用

2 个答案: