gpt4 book ai didi

textbox - 在 IE9 中,在禁用的文本框中突出显示文本不会释放鼠标按钮;解决方法?

转载 作者:行者123 更新时间:2023-12-02 02:18:20 25 4
gpt4 key购买 nike

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

在 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>

最佳答案

我想我有一个解决这个问题的方法:

在 input type="text"元素所在的父元素上捕获事件并阻止其默认功能就可以解决问题

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

示例代码:

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

关于textbox - 在 IE9 中,在禁用的文本框中突出显示文本不会释放鼠标按钮;解决方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9420995/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com