2

使用 jQuery 的对话框，我遇到了以下怪癖（在 FF3 中测试）：

  1. 用户选择文本
  2. 在代码中，打开一个 jQuery 对话框
  3. BUG：文本被取消选中

（文本可以在文本区域中，也可以只是页面上的 HTML）

所以，对我来说，这似乎是一个有趣（和烦人）的错误或怪癖，但也许有一个很好的解释。最让我感兴趣的是，打开对话框后如何保留此文本选择？

这是一些代码：

function getSelectedText() {
 var t;
 if (d.getSelection) t = d.getSelection();
 else if(d.selection) t = d.selection.createRange();
 if (t.text != undefined) t = t.text;
 if (!t || t=='') {
  var a = d.getElementsByTagName('textarea');
  for (var i = 0; i < a.length; ++i) {
   if (a[i].selectionStart != undefined && a[i].selectionStart != a[i].selectionEnd) {
    t = a[i].value.substring(a[i].selectionStart, a[i].selectionEnd);
    break;
   }   
  }   
 }   
 return t;
}

 $("#dialog").dialog({
    autoOpen: false,
    bgiframe: false,
    height: 60,
    width: 80,
    modal: false,
    show: 'highlight',
    title: 'wc'});
 alert(getSelectedText()); // Text is here      
 $("#dialog").dialog("open");
 alert(getSelectedText()); // Text is not selected here :( damn!

谢谢！

4

1 回答 1

2

jQuery 对话框将获得用户的关注（您应该会看到在对话框中选择的按钮之一）。浏览器只有 1 个焦点，因此您会丢失他们选择的任何内容。

您应该在执行对话框之前检索用户选择的开始和结束位置，然后在对话框消失后重新选择它。

我没有任何用于获取和设置用户选择的示例代码，但是网络搜索应该会找到一些。

就像是 ：

$("dialog").focus(function() {
  // save the selection
}).blur(function() {
  // set the text selection
});

[已编辑（Nickolay）：有关更多代码，请参阅焦点更改时保持文本选择]

于 2009-05-26T04:54:58.130 回答