段落选择(）;我不使用javascript

paragraph Select() doesn't work in javascript

本文关键字：javascript 选择 段落      更新时间：2023-09-26

这是我的html代码

<div id="dialog" title="Basic dialog" style="display: none">
  <p id="para">Copy this key</p>
    <p id="key">4567887654345678</p>
</div>
<button>Open dialog</button>

单击按钮时，div显示为对话框，我希望在对话框打开时选择

"key"文本

这里是相同的javascript，但是<p> 似乎未选择

$(function() {
    $( "button" ).click(function() {
      $("#dialog" ).dialog();
        $( "#dialog" ).show( "slow" );        
        $("#key").select();
  });
    });

如何使<p> 是否被预先选中？

将key段落更改为可编辑元素，例如textarea:

<textarea id="key">4567887654345678</textarea>

JSFiddle

您似乎需要一个可编辑的文本字段来选择中的文本。

我认为您应该使用jQuery对话框打开事件：

$( "#dialog" ).dialog({
    open: function( event, ui ) {
        $("#key").select();
    }
});

JSFiddle

相关文章：