在输入框中输入值时启用按钮

时间:2014-10-21 17:52:45

标签: javascript jquery handlebars.js

我有一个输入框(createBIAInput),当输入一个值时,它会启用一个保存按钮(saveBtn)。但是它不能识别何时用鼠标粘贴了一个值,因此保存按钮(saveBtn)会启用。因此,我需要知道如何使用鼠标复制和粘贴值时如何启用保存按钮。

仅供参考,如果您输入值,或者使用"控制V"输入价值。

2 个答案:

答案 0 :(得分:0)

$('#createBIAInput').bind('input propertychange', function() {
  $('#saveBtn').prop('disabled', false);
});

http://jsfiddle.net/xkgme9vw/

答案 1 :(得分:0)

使用onpaste侦听器,当您将某些内容粘贴到input时会被触发,如下所示:

var input = document.getElementById('createBIAInput'),
    button = document.getElementById('saveBtn');

input.addEventListener('paste', function(e) {
    button.disabled = false;
});

或者,使用jQuery:

$('#createBIAInput').on('paste', function(e) {
    $('#saveBtn').prop("disabled", false);
});

因此,在用户书写或粘贴内容时启用按钮

$('#createBIAInput').on('paste keyup', function(e) {
    $('#saveBtn').prop("disabled", false);
});

工作示例:http://jsfiddle.net/0cfvb9zc/1