Ionic TextFile清除按鈕鍵盤行爲iOS

我在我的Ionic應用程序中有一個文本輸入，該應用程序在同一跨度中有2個按鈕。第一個按鈕用於執行搜索，第二個按鈕用於清除文本輸入。當我點擊清除按鈕時，出現奇怪的行爲，文本輸入被清除並且鍵盤重新出現，但文本字段沒有焦點。Ionic TextFile清除按鈕鍵盤行爲iOS

任何人都可以幫助，以便我可以確保在清除文本後文本輸入仍然有焦點嗎？謝謝。

<form class="list"> 
 
    <span class="item item-input-inset"> 
 
    <label class="item-input-wrapper address-label" name="addressLabel"> 
 
     <i class="icon ion-ios-search placeholder-icon" ng-show="!address.length"></i> 
 
     <input type="text" class="address-input" placeholder="Search By Address" ng-model="address" autocomplete="off" autocorrect="off" autocapitalize="off"> 
 
    </label> 
 
    <button type="submit" id="button1" class="button button-small custom-btn ion-search" ng-click="search(address)" ng-show="address.length"></button> 
 
    <button ng-click="address = ''" class="button button-small custom-btn ion-close-round" ng-show="address.length"></button> 
 
    </span> 
 
</form>

來源

2016-04-16 draftalyzer

是否使用離子V1？當我在Ionic的iOS平臺中添加它時，您的代碼工作方式會有所不同。當我單擊清除文本字段清除和鍵盤解僱 – HardikDG

我使用的版本是1.7.14。你在使用版本2嗎？謝謝。 – draftalyzer

不，我使用的是1.7.11，但在Ionic v2中，他們改進了搜索欄，它會給你默認的取消按鈕，我正在更新版本並讓你知道我是否找到任何東西 – HardikDG

看看這個帖子從離子框架的論壇。看起來像這樣會工作，給你一個更原生的外觀和感覺。

<div class="list list-inset"> 
    <div class="item item-input"> 
     <input type="text" placeholder="mail stop" 
      name="mail_stop_name" 
     > 
     <i class="icon ion-ios-close placeholder-icon" 
     data-tap-disabled="true" on-touch="formData.mail_stop_name = ''"></i> 
    </div> 
</div>

編號： https://forum.ionicframework.com/t/clear-button-inside-input-causes-input-to-loose-focus/17016

來源

2016-04-17 14:13:17 krlnwll

工作 - 謝謝 – draftalyzer

Ionic TextFile清除按鈕鍵盤行爲iOS

回答

相關問題