空 AlertController 输入 - Ionic

Question

如果用户试图在文本框中粘贴字符串，我想清空一个警告输入。这是我的代码：

openManualEdit () {
  let myAlert = this.alertCtrl.create({
      title: 'Ingreso Manual',
      message: 'Ingresa el código de barra en los campos debajo.',
      inputs: [
        {
          name: 'serial',
          placeholder: 'Número de serie',
          id: 'txtSerial'
        },
        {
          name: 'serial_confirm',
          placeholder: 'Confirma el número de serie',
          id: 'txtSerialConfirm'
        }
      ],
      buttons: [
        {
          text: 'Cancel'
        },
        {
          text: 'Continue',
          handler: (data) => {
            console.log(data);
        }
      }
    ]
  });
  myAlert.present().then(() => {
    // Empty textbox if user tries to paste
    document.getElementById('txtSerial').addEventListener('paste', function (event) {
      console.log(event);
      (<HTMLInputElement>event.target).value = '';
    });

 // Empty textbox if user tries to paste
 document.getElementById('txtSerialConfirm').addEventListener('paste', function (event) {
      // console.log(event);
      (<HTMLInputElement>event.target).value = '';
    });
  });
}

到目前为止，我正在检测粘贴事件，但清空文本框的代码不起作用。我也试过使用：

document.getElementById('txtSerial').value = '';
document.getElementById('txtSerial')["value"] = '';
event.srcElement["value"] = '";

但其中 none 似乎有效。非常感谢任何帮助。

Answer 1

您可以只在事件侦听器中使用 event.preventDefault()。那将不允许粘贴。

document.getElementById('txtSerial').addEventListener('paste', function (event) {
  console.log(event);
  event.preventDefault();
});

DEMO

空 AlertController 输入 - Ionic

Empty AlertController Input - Ionic

ionic-framework

ionic3

angular