jQuery 文本框更改事件

jQuery textbox change event

提问by jcvandan

Does text input element not have a change event? When I attach a change event handler to a text input it is not being fired. Keyup is fired, but keyup is not sufficient for detecting a change as there are obviously other ways of entering text into an input.

文本输入元素没有更改事件吗？当我将更改事件处理程序附加到文本输入时，它不会被触发。Keyup 被触发，但 keyup 不足以检测更改，因为显然还有其他方法可以将文本输入到输入中。

采纳答案by jcvandan

There is no real solution to this - even in the links to other questions given above. In the end I have decided to use setTimeoutand call a method that checks every second! Not an ideal solution, but a solution that works and code I am calling is simple enough to not have an effect on performance by being called all the time.

对此没有真正的解决方案 - 即使在上面给出的其他问题的链接中也是如此。最后我决定使用setTimeout和调用一个每秒检查一次的方法！不是一个理想的解决方案，但一个有效的解决方案和我调用的代码足够简单，不会因为一直被调用而对性能产生影响。

function InitPageControls() {
        CheckIfChanged();
    }

    function CheckIfChanged() {
        // do logic

        setTimeout(function () {
            CheckIfChanged();
        }, 1000);
    }

Hope this helps someone in the future as it seems there is no surefire way of acheiving this using event handlers...

希望这对将来的某人有所帮助，因为似乎没有使用事件处理程序实现这一目标的万无一失的方法......

回答by MikeM

The HTML4 spec for the <input>elementspecifies the following script events are available:

<input>元素的 HTML4 规范指定以下脚本事件可用：

onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

here's an example that bind's to all these events and shows what's going on http://jsfiddle.net/pxfunc/zJ7Lf/

这是一个绑定到所有这些事件并显示发生了什么的示例http://jsfiddle.net/pxfunc/zJ7Lf/

I think you can filter out which events are truly relevent to your situation and detect what the text value was before and after the event to determine a change

我认为您可以过滤掉哪些事件与您的情况真正相关并检测事件前后的文本值以确定更改

回答by Pow-Ian

I have found that this works:

我发现这有效：

$(document).ready(function(){
    $('textarea').bind('input propertychange', function() {
        //do your update here
    }

})

回答by ventaur

The change event only fires after the input loses focus (and was changed).

change 事件仅在输入失去焦点（并被更改）后触发。

回答by Zaheer Ahmed

You can achieve it:

你可以实现它：

 $(document).ready(function(){              
     $('#textBox').keyup(function () {alert('changed');});
 });

or with change (handle copy paste with right click):

或更改（右键单击处理复制粘贴）：

 $(document).ready(function(){              
     $('#textBox2').change(function () {alert('changed');});
 });

Here is Demo

这是演示

回答by Yaseer Arafat

$('#input').on("input",function () {alert('changed');});

works for me.

为我工作。