2012-04-03 39 views
2

你好,我已經在html5中寫了一個簡單的代碼,我在其中調用圖像的點擊處理程序並顯示警報,但我不知道爲什麼它不工作可以任何一個請指導我在哪裏做錯了單擊處理程序不在圖像上工作

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
</head> 
<script> 
function clickhandler(){ 
alert ("I am called"); 
} 
</script> 
<style> 
#div1 
{ 
    float:left; 
    width:100px; 
    height:150px; 
    margin:10px; 
    border:1px solid #aaaaaa; 

} 
</style> 
<body> 
<div id="div1"> 
<img src="myimage.png" onClick="clickhandler" draggable="false" /> 
<img> 
</div> 
</body> 
</html> 

THANKS

回答

5

它應該是這樣的:

<img src="myimage.png" onClick="clickhandler()" draggable="false" /> 

onclick屬性應該是一個函數調用或語句。

+0

好的,謝謝了很多4回合的幫助 – mainajaved 2012-04-03 19:29:50

+0

@Jacob

\t \t

\t
和功能是函數hello(){ \t \t console.log(「jdaghsjagwdjka」); \t \t alert(「skjfhiskhfk」); \t} – 2013-06-22 05:01:01

0

你也應該移動頭部標籤內你的風格和腳本標籤:

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
<script> 
function clickhandler(){ 
alert("I am called"); 
} 
</script> 
<style> 
#div1 
{ 
    float:left; 
    width:100px; 
    height:150px; 
    margin:10px; 
    border:1px solid #aaaaaa; 

} 
</style> 

</head> 
<body> 
<div id="div1"> 
<img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Exponential_Function_(Abs_Imag_Part_at_Infinity)_Density.png" onclick="clickhandler()" draggable="false" /> 

</div> 
</body> 
</html> 
+0

好吧,非常感謝 – mainajaved 2012-04-03 19:30:09

相關問題