2016-04-20 126 views
0

Ionic2選擇文本在離子輸入焦點事件,我們可以選擇所有文字這樣在離子搜索欄

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

但在離子搜索欄這是行不通的:

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

的全選()的代碼將是:

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

我已經看到了離子的Github上,該輸入部件返回一個FocusEvent:

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

在另一方面離子搜索欄返回一個搜索欄(本):

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

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

爲什麼它不返回一個FocusEvent嗎?我們如何選擇離子搜索欄中的所有文字?

謝謝

回答

0

離子搜索欄不僅僅是一個輸入元素。因此,你需要抓住inputElement屬性而不是目標的:

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

這工作,但使用$event.srcElement.select();而不是!

+0

這可以回答的問題。但請多描述一下。 – Munavvar

0

離子搜索欄使用方法:

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

selectAll(event){ 
    event.target.select(); 
}