首页 文章

Ionic2在ion-searchbar中选择文本

提问于
浏览 次
1

在离子输入焦点事件中，我们可以选择所有这样的文本

<ion-input (focus)="selectAll($event)></ion-input>

但是在离子搜索栏中它不起作用：

<ion-searchbar (focus)="selectAll($event)></ion-searchbar>

selectAll（）代码将是：

public selectAll(event): void {
    event.target.select();
}

我在ionic的Github中看到输入组件返回一个FocusEvent：

inputFocused(event) {
  this.focus.emit(event);
}

另一方面，ion-searchbar返回一个搜索栏（this）：

inputFocused() {
  this.focus.emit(this);

  this.isFocused = true;
  this.shouldLeftAlign = true;
  this.setElementLeft();
}

为什么它也不会返回FocusEvent？当聚焦时，我们如何选择离子搜索栏中的所有文本？

谢谢

ionic-framework ionic2 searchbar

3 回答

  • 1

    离子搜索栏不仅仅是一个输入元素 . 因此，您需要获取inputElement属性而不是目标：

    public selectAll(event): void {
    event.inputElement.select();
}
    回复于
  • 0

    for ion-searchbar 使用：

    <ion-searchbar click="selectAll($event)"></ion-searchbar>

selectAll(event){
   event.target.select();
}
    回复于
  • 1

    这样可行，但请改用 $event.srcElement.select(); ！

    回复于

相关问题