在引导模式对话框中使用 Javascript 选择文本在 IE11 中不起作用。但是，在 Chrome 中工作

Question

我正在处理一项任务，其中在按钮单击事件中选择了 div 中的文本。如果 div 在引导模式对话框中，则选择不起作用。

以下代码适用于 chrome，但不适用于 IE11。

小提琴：https://jsfiddle.net/b8thg39u/5/

代码：

$('#BtnSelect').on('click', function(){
    SelectText("DivText");
 });


$('#BtnModalSelect').on('click', function(){
    SelectText("DivModalText"); 
  });

  function SelectText(elementId) {
    let elementHtml = document.getElementById(elementId);

    let range = document.createRange();
    range.selectNodeContents(elementHtml);

    let selection = window.getSelection();
    selection.removeAllRanges(); //remove any previous selection
    selection.addRange(range); // add range to selection object to select it        
}

任何建议将不胜感激。

Answer 1

这应该可行：

https://jsfiddle.net/plumwd/v0odtujb/47/

       $('#BtnSelect').on('click', function(){

        SelectText("DivText")
   });

    $('#BtnModalSelect').on('click', function(){

   SelectText("modalTxt");
  })

   function SelectText(elementId) {

        let elementHtml = document.getElementById(elementId);

        elementHtml.select();



    }

在您的 div 中创建一个输入，然后选择该输入。这适用于跨浏览器。您可以将输入设置为没有边框，使其看起来像常规文本。