Question

我在IE9中发现了一些奇怪的行为，包括在禁用的文本框中突出显示文本，将光标拖动到文本框外，释放鼠标按钮，然后尝试单击浏览器中的任何其他内容。如果鼠标在文本框外部释放，则浏览器就像用户没有释放鼠标按钮一样，并且不允许用户单击页面上的任何其他元素，甚至浏览器浏览器本身。要重新获得鼠标按钮的控制权，用户必须再次单击文本框内部或在文本框外双击。

CSS或JS中是否存在解决方法以防止此行为发生？

这是一个jsFiddle链接，您可以在其中查看自己的行为。

http://jsfiddle.net/FQpRh/embedded/result/

以下是展示行为的HTML文档：

<!DOCTYPE html>
<html>
<head>
    <title>Drag test</title>
</head>
<body>
    <input type="text" disabled="disabled" value="Highlight me" />
    <button type="button" onclick="alert('hi');">Now try to click me</button>
</body>
</html>

Answer 1

我认为我有一个解决这个问题的工作方案：

在输入type =“text”元素找到自身的父元素上捕获事件并阻止其默认功能将执行此操作

           elparent[0].addEventListener("selectstart", function(e){
                e.preventDefault();
           });

示例代码：

http://jsfiddle.net/qKtsz/2/

在IE9中，在禁用的文本框中突出显示文本不会释放鼠标按钮;解决方法吗？

1 个答案: