Angular(2/4)：选择文本会触发click事件

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

导读：如果元素具有(单击)处理程序并且您在此元素中选择了一些文本,则会调用(单击)处理程序.有办法防止这种情况吗？ Here’s a Plunkr说明了问题.相关代码： @Component({ selector: 'my-app',template: ` div h2 (click)="handleClick()"Click or select this tex

如果元素具有(单击)处理程序并且您在此元素中选择了一些文本,则会调用(单击)处理程序.有办法防止这种情况吗？ Here’s a Plunkr说明了问题.相关代码：

@Component({
  selector: 'my-app',template: `
    <div>
      <h2 (click)="handleClick()">Click or select this text</h2>
    </div>
  `
})
export class App {
  public handleClick() {
    alert('you clicked');
  }
}

解决方法

使用此代码

public handleClick() {
  var selection = window.getSelection();
  if(selection.toString().length === 0) {
      alert('you clicked');
  }

}

（编辑：李大同）

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