Angular ng-paste输入框 - X清除图标

时间:2017-05-17 15:22:37

标签: javascript angularjs

我正在尝试使用ng-paste实现以下要求。浏览器是IE。 Angular 1.6

我有一个类似于以下的输入框;

<input type="text" maxlength=12 ng-paste="handlePaste($event, 12, 'memberID')"/>

如果会员ID号码始终是12位数字。用户经常从另一个文档复制并粘贴ID号。有时他们可能会错误地复制一个前导空格,输入框会裁剪掉12个字符。对于用户来说,他们缺少一个角色并不是很明显。

我已经实现了类似于以下的handlepaste函数,它允许我修剪文本,我可以将文本粘贴到输入框中。问题是当我单击输入框中的X按钮时,我无法再次进入输入,直到我将焦点更改为页面上的另一个项目然后返回到输入框。有没有人遇到并解决了这个问题?

$scope.handlePaste = function(e, maxLength,propName){
    e.preventdefault();
    $scope.applicationID2 = "";
      var pastedText;
      if(typeof e.originalEvent.clipboardData !== "undefined"){
         pastedText = e.originalEvent.clipboardData.getData('text/plain');
      } else if (window.clipboardData && window.clipboardData.getData) { // IE
         pastedText = window.clipboardData.getData('Text');
      } else {
          pastedText = angular.element(e.currentTarget).val();
      }
      pastedText = pastedText.trim();
    //  alert(pastedText);
      $scope.applicationID2 = pastedText;

0 个答案:

没有答案