输入类型= "image" 和输入类型= "button"要在 HTML5 画布中绘制,按钮正在工作,但我需要图像才能工作



你好我需要做的是,当我点击画布外的图像时,它会调用一个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元素中删除actionid属性。这个(无可否认是琐碎的(代码运行良好:

<!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上(。

相关内容

最新更新