0

使用此代码，Firefox 仅在按钮单击时发出警报。对于 Chrome，会显示两个警报。

我希望行为与 Chrome 中的行为相同，其中事件由img单击时触发（Firefox 会忽略该事件）。

注意：我的实际代码更长，功能更强大。我将其提炼成这组较小的代码，以隔离导致我在其他地方痛苦的根本行为。

<html>
    <head>
        <script src="http://app.essets.com/system/application/js/jquery/jquery.js" type="text/javascript"></script>
        <script type='text/javascript'>
            $(document).ready(function() {
                $('button').click(function(){
                alert('button clicked');
                });
                $('img').click(function(){
                alert('img clicked');
                });
            });
        </script>
    </head>
    <body>
        <button type='button'>
            <img id="1" class="moduleratingstar" src="http://app.essets.com/images/site/transactions.png">
            Some text
        </button>
    </body>
</html>
4

1 回答 1

1

我认为您无法跨浏览器重现 Chrome 的行为 - 我什至不确定规范对此有何规定。

但是，您可以创建一个“假”按钮，即使用其他 HTML 元素，其样式看起来像一个按钮。这样，实现这种行为将是一件轻而易举的事。

看看这个小提琴。

于 2012-09-04T19:17:46.400 回答