range.select在IE10上无法正确突出显示文本

Question

我有一个应用程序，它遍历文本区域，搜索特定的文本，如果找到则突出显示，并提示用户是否对找到的文本采取行动。 在IE10之前的所有IE版本上，此方法均能正常工作（突出显示文本，并提示用户）。

对于IE10，由于显示为CONFIRM提示，所以range.select将不再突出显示文本。 如果删除了CONFIRM，则文本将突出显示。 同样在IE 10上，在确定最后一个确认后，当表单返回焦点时，文本的最后一个实例将突出显示。

下面是一个代码片段，它将演示这一点，并且将在IE 5、6、7、8、9下正常运行，但在IE10上将失败。 在重新设计或其他代码替代方面的任何帮助将不胜感激。 我只需要在IE环境（内部应用程序，仅限于IE使用）中工作即可。

<html>
<body>

<form name="theForm">
   <textarea name="message" rows="20" cols="80">NAM/JONES  NAM/SMITH   NAM/BROWN</textarea>
</form>

<script>
   var message = document.theForm.message.value.toUpperCase();
   var range = document.theForm.message.createTextRange();

   for (x=0; x<message.length-1; x++) {
      if (message.substr(x,4) == "NAM/") {
         var strFound=range.findText("NAM/");
         if (strFound) range.select();
         range.collapse(false);
         msg = "Process this name?";
         if (confirm(msg)) {
            // use x.substr to extract name, and do something
         }
      }
   }
</script>

</body>
</html>

Answer 1

我遇到了类似的问题，并根据您的问题和我们有问题的代码制作了一个演示

<?xml version="1.0" encoding="ISO-8859-1" ?>
<html>
<head>
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
</head>
<body>

    <form name="theForm">
        <input type="text" id="txt" value="1234567890" />
        <span id="selected" />
    </form>

    <script>
        function selectRange(start, end) {
            var range = document.theForm.txt.createTextRange();
            range.moveStart("character", 0 - end);
            range.moveEnd("character", 0 - end);
            range.select();
            // Und dann den neu hinzugekommenen Teil markieren.
            range.moveStart("character", start);
            range.moveEnd("character", end - start);
            range.select();
        }
        function step(x) {
            if (x >= document.theForm.txt.value.length - 2)
                return;
            selectRange(x, x + 2);
            document.getElementById("selected").innerHTML = document.selection.createRange().text;
            window.setTimeout(function () { step(x + 1); }, 1000);
        }
        step(0);
    </script>

</body>
</html>

原来是那个range.select(); 当它发生在setTimeout()时，它将再次工作。

我们最终将有问题的功能完全放入了settimeout

this.selectTextRange = function (start, end) {
    window.setTimeout(function() {
        var range = thisControl.textBox.createTextRange();
        // Ganz an den Anfang moven     
        range.moveStart("character", 0 - end);
        range.moveEnd("character", 0 - end);
        range.select();
        // Und dann den neu hinzugekommenen Teil markieren.
        range.moveStart("character", start);
        range.moveEnd("character", end - start);
        range.select();
    }, 0);
};

我希望这有帮助。

range.select在IE10上无法正确突出显示文本

问题描述

1 个解决方案

解决方案1
0 2013-11-20 11:30:35

range.select在IE10上无法正确突出显示文本

问题描述

1 个解决方案

解决方案1 0 2013-11-20 11:30:35

解决方案1
0 2013-11-20 11:30:35