你好我需要做的是,当我点击画布外的图像时,它会调用一个javascript函数在HTML5画布上绘制一些东西。
当我用一个按钮来做这件事时,它工作得很好
<input type="button" id="xxx" onclick="draw()"/>
但是当我使用图像时
<input type="image" id="xxx" onclick="draw()" src="file/sw1.gif"/>
问题是,当我点击图片时,它会打开一个新页面,看起来像index.html?x=89&y=8
问题是,在不打开新页面的情况下,如何使图像像按钮一样运行?感谢
只需使用<img>
标记而不是图像输入,因为这不是它的初衷。
您当然可以使用image按钮在onclick
事件上执行Javascript。我认为关键是从form
元素中删除action
和id
属性。这个(无可否认是琐碎的(代码运行良好:
<!DOCTYPE html>
<html>
<body>
<form>
<input type="image" value="Submit" onclick="doSomething();" src="html5.png">
</form>
<script>
function doSomething()
{
alert("hi mom");
}
</script>
</body>
</html>
测试了FF 5、Chrome 12、Safari 5和(喘息!(IE 9(在Win7上(。