Javascript Internet Explorer内容可编辑图像单击事件仅每秒触发一次_Javascript_Contenteditable_Internet Explorer 11

Javascript Internet Explorer内容可编辑图像单击事件仅每秒触发一次

javascript

Javascript Internet Explorer内容可编辑图像单击事件仅每秒触发一次,javascript,contenteditable,internet-explorer-11,Javascript,Contenteditable,Internet Explorer 11,我第一次遇到这个问题是在使用JavaScript开发Windows应用商店应用程序时，但它在IE中也是可以复制的下面是我实际实现的一个非常简化的版本。单击图像以外的任何位置时，都会显示警报。但当点击图像时，事件只会每秒触发一次。我在第一次单击时就获得了调整大小装饰器，但事件似乎没有正确触发有人知道为什么以及如何预防这种情况吗？我想知道第一次单击图像时是否选中了该图像 <html> <body> <div id="outerEditor"&

我第一次遇到这个问题是在使用JavaScript开发Windows应用商店应用程序时，但它在IE中也是可以复制的

下面是我实际实现的一个非常简化的版本。单击图像以外的任何位置时，都会显示警报。但当点击图像时，事件只会每秒触发一次。我在第一次单击时就获得了调整大小装饰器，但事件似乎没有正确触发

有人知道为什么以及如何预防这种情况吗？我想知道第一次单击图像时是否选中了该图像

<html>
    <body>
        <div id="outerEditor">
            <div id="innerEditor" contenteditable="true">
                <img src="test.png" />
            </div>
        </div>

        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#outerEditor").click( function(){
                    alert("click");
                });
            });
        </script>
    </body>
</html>


$（文档）.ready（函数（）{
$（“#外部编辑器”）。单击（函数（）{
警报（“点击”）；
});
});

添加了一个JSFIDLE来显示问题：

您的错误必须在其他地方，它与img的样式类似：

img {
    width: 100px;
    height: 100px;
    background: red;
}

工作小提琴：

您应该将单击事件从单击更改为鼠标向下


$（文档）.ready（函数（）{
$（“#outerEditor”）.mousedown（函数（）{
警报（“点击”）；
});
});

我将该小提琴上的jquery更改为2.1.0（）。但我还是要点击两次红方块才能得到警报。我在用IE11，我知道。Firefox也没有这个问题。我面临的真正问题在于构建一个使用IE11的Windows 8.1应用商店应用程序。。。

<html>
<body>
    <div id="outerEditor">
        <div id="innerEditor" contenteditable="true">
            <img src="test.png" />
        </div>
    </div>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#outerEditor").mousedown( function(){
                alert("click");
            });
        });
    </script>
</body>