Angular 2选择特定输入的文本

发布时间：2020-12-17 07:35:50 所属栏目：安全来源：网络整理

导读：使用jQuery,我们将以这种方式选择特定输入的所有内容： form id="target" input id="input-1" type="text" value="some value" /form $("#target").submit((event) = { event.preventDefault(); $("#input-1").select();}); 我们如何使用Angular 2实现这一目

使用jQuery,我们将以这种方式选择特定输入的所有内容：

<form id="target">
  <input id="input-1" type="text" value="some value" />
<form>

$("#target").submit((event) => {
  event.preventDefault();
  $("#input-1").select();
});

我们如何使用Angular 2实现这一目标？

您可以在模板中轻松完成此操作：

<input type="text" (click)="$event.target.select()" />

或者向元素添加局部变量并引用它：

<input type="text" #myInput (click)="myInput.select()" />

第二种方法的好处是通过为元素设置局部变量名称,其他元素也可以引用该变量.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!