當使用該對象時，Onclick不起作用

-1

當我使用addEventListener時，這是正常工作。但是，當我使用button.click時它不工作。下面的代碼有什麼錯誤？什麼原因導致它不能在varNext.click= myFunc;？當使用該對象時，Onclick不起作用

[代碼]

<!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>

[/代碼]

來源

2014-06-11 Sakthivel

['click']（https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.click）是一種方法，其中觸發點擊事件，您需要'varNext.onclick = ...'而不是繼續使用'addEventListener'。 – Teemu

比.click^{fires the element's click event}相反，它必須是.onclick^{property returns the onClick event handler}

試試這個

varNext.onclick = myFunc;

Demo Fiddle of your code

來源

2014-06-11 10:39:35 Bhavik

您需要使用onclick屬性

varNext.onclick = myFunc;

來源

2014-06-11 10:37:39 Asdine

當使用該對象時，Onclick不起作用

回答

相關問題