обработчик кликов не работает на изображении - PullRequest
Новая
       0

обработчик кликов не работает на изображении

2 голосов
/ 03 апреля 2012

Привет всем, я написал простой код в 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>

СПАСИБО

Ответы [ 2 ]

5 голосов
/ 03 апреля 2012

Это должно выглядеть так: 

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

Атрибут onClick должен быть вызовом функции или оператором.

0 голосов
/ 03 апреля 2012

Вам также следует переместить теги стиля и скрипта внутри тега 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...