单击处理程序无法处理图像

大家好，我在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>

感谢

它应该是这样的：

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

onClick属性应该是一个函数调用或语句。

您还应该将样式和脚本标记移动到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>

相关内容

最新更新

热门标签：