input type = "image" и input type = "button" для рисования на холсте html5, кнопка работает, но мне нужно, чтобы изображение работало - PullRequest
0 голосов
/ 16 апреля 2011

Hello Что мне нужно сделать, так это когда я щелкаю изображение вне холста, он вызывает функцию 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 вопрос в том, как заставить изображение работать так же, как кнопка, не открывая новую страницу? Спасибо

Ответы [ 2 ]

1 голос
/ 16 апреля 2011

Просто используйте тег <img> вместо ввода изображения, потому что это не то, для чего он был создан.

0 голосов
/ 29 июля 2011

Вы, безусловно, можете использовать кнопку с изображением для запуска Javascript в событии onclick.Я думаю, что ключ в том, чтобы удалить атрибуты action и id из элемента form.Этот (по общему признанию тривиальный) код отлично работает:

<!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).

...