クリックハンドラが画像上で動作していない

こんにちはすべて私は画像のクリックハンドラを呼び出してアラートを表示している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

出典

2012-04-03 mainajaved

それは次のようになります。

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

onClick属性は、関数呼び出しまたはステートメントをする必要があります。

出典

2012-04-03 19:19:24

OK感謝たくさん4ウル助け – mainajaved

@Jacob

\t \t

であり、関数は関数hello（）{ \t \t console.log（ "jdaghsjagwdjka"）です。 \t \tアラート（ "skjfhiskhfk"）; \t} –

また、headタグ内で、あなたのスタイルとスクリプトタグを移動する必要があります。

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

出典

2012-04-03 19:24:05 RyanS

本当にありがとうございます – mainajaved

クリックハンドラが画像上で動作していない

答えて

関連する問題