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 回答