Question

我的Ionic应用程序中有一个文本输入，在同一范围内有2个按钮。第一个按钮用于进行搜索，第二个按钮用于清除文本输入。当我点击清除按钮时，我看到奇怪的行为，文本输入被清除，键盘重新出现但文本字段没有焦点。

任何人都可以提供帮助，以便我可以确保文本输入在清除文本后仍然具有焦点吗？谢谢。

＆＃13;

<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>

＆＃13;

Answer 1

从离子框架论坛上看一下这篇文章。看起来这样会起作用，并给你一个更原生的外观和感觉。

<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

Ionic TextFile清除按钮键盘行为iOS

1 个答案: