html - 单击处理程序不适用于图像

标签 html event-handling

大家好,我在 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 属性应该是函数调用或语句。

关于html - 单击处理程序不适用于图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9999863/

相关文章:

python - Django url 不匹配

php - 如何修复数据库连接错误

html - 垂直居中 Bootstrap 按钮

javascript - 在 Vue.js 中触发自定义 "change"事件是否安全?

c# - 在 C# 中,事件参数是按引用还是按值传递的?

python - 在cartopy(python)中获取经度和纬度的鼠标位置

java - 老C++程序员,Java新手,需要Java多线程和事件方面的帮助

javascript - 如果更改了复选框的状态,它可以永久保存在页面上吗?

html - 按钮的多边形边框/边框半径

javascript - 使用 "onClick={}"被认为是一种不好的做法吗?