gpt4 book ai didi

javascript - IE9 JavaScript : wait until selection end

转载 作者:行者123 更新时间:2023-11-28 09:57:27 25 4
gpt4 key购买 nike

我有一个捕获所选文本的脚本,我只想在文本选择结束时执行某些操作,而不是在选择正在进行时执行某些操作,浏览器仅限 IE9。

还可以通过双击单词来选择文本,在这种情况下,该函数也应该执行一次操作,当我使用 onMouseUp 时,这是两次。

<head>
<script type="text/javascript">
function selectedText(){
var doc = document.selection;
if(doc && doc.createRange().text.length != 0){
log.innerHTML = doc.createRange().text;
}
}
</script>
</head>
<body onselect="selectedText();">
<span id=sp>this is the text from where you can select one or more words</span>
<div id=log style="background-color=yellow;"></div>
</body>

最佳答案

IE 支持 Document 对象上的 selectionchange 事件,该事件比 select 事件更有用,但仍然无法完全按照您的要求执行,因为双击过程可能会多次更改选择,从而触发多个 selectionchange 事件。

下面是一个使用该事件的示例,该事件至少可以在 IE 6 中使用:

document.onselectionchange = function() {
var sel = document.selection;
if (sel.type == "Text") {
var range = sel.createRange();
document.getElementById("log") = range.text;
}
};

如果您不关心早期版本的 IE,您可以使用 IE 9 对标准 DOM 范围和选择 API 的支持,然后此代码也可以在 WebKit 中运行:

document.onselectionchange = function() {
var sel = window.getSelection();
if (sel.rangeCount > 0) {
var range = sel.getRangeAt(0);
document.getElementById("log") = range.toString();
}
};

关于javascript - IE9 JavaScript : wait until selection end,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9789956/

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