在右键单击上启用发送按钮并粘贴

时间:2018-06-28 08:15:45

标签: javascript click event-listener

我编写了一个功能,可以在没有无效数据输入的情况下禁用聊天区域中的发送按钮。

    _validateChatDraft: function() {
    var chat = this.input.value.trim();
    var isFileSelected = we.useNativeUpload ? this.uploadImageData : !!this.uploadInput.value;
    if (isFileSelected) {
      this.btn.removeAttribute('disabled');
      return;
    }
    if (chat === '') {
      this.btn.setAttribute('disabled', 'disabled');
    } else {
      this.btn.removeAttribute('disabled');
    }
  },

但是现在我的发送按钮在粘贴事件中被禁用。

我也使用了这3行,似乎第3行不起作用:

        this.input.addEventListener('keyup', this._validateChatDraft.bind(this));
    this.uploadInput.addEventListener('change', this._validateChatDraft.bind(this));
    this.input.addEventListener('paste', this._validateChatDraft.bind(this));

1 个答案:

答案 0 :(得分:2)

实际上,我的问题是通过将'keyup'更改为'input'来解决的,这更笼统,包括所有情况

    this.input.addEventListener('input', this._validateChatDraft.bind(this));