与jQuery“change(）”事件的反面是什么

What is the opposite of the jQuery "change()" event?

本文关键字：事件 是什么 jQuery change      更新时间：2023-09-26

我正在尝试使用jQuery使输入字段在包含文本时具有不同的CSS。但是当文本被删除时，我无法让它将 CSS 更改回来。

是否有任何jQuery或Javascript事件会在删除输入字段中的文本时执行某些操作？

也许你只需要添加更多的javascript代码

var track = function() {
    if($(this).val().length){
        $(this).removeClass('empty').addClass('full');
    } else {
        $(this).removeClass('full').addClass('empty');            
    }
}
$('input').keyup(track);​

示例：

http://jsfiddle.net/demee/63nz6/

删除文本时也会触发change()。
您只需要检查值即可找出答案。

为了更直接的反应，您还应该处理keyup和input。

$("#elementID").on('change', function() {
    if (this.value=="")  {
        //no text is present
    }else{
        //element contains something
    }
});

change只会在某些事件（如模糊）上触发，请考虑将change替换为keyup以使其更具动态性。

试试这个

$("selector").change(function() {
  if($(this).val() == "") {
   // your code
  }
})

$("#element").change(function(){
  if($(this).val() == "") {
    // do here
  }
});

如果您在 keyup 上检查长度，那么它会在用户键入时触发。

$(document).ready(function() {
    $('#text').keyup(function() {
        if($(this).val().length == 0) {
            $(this).removeClass('filled_in');
        } else {
            $(this).addClass('filled_in');
        }
    });
});​

你可以在这个jsFiddle中看到它的实际效果。

相关文章：