Question

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

感谢

Answer 1

它应该是这样的：

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

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

Answer 2

您还应该在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>

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

2 个答案: