Home JQuery为input绑定触发事件
Post
Cancel

JQuery为input绑定触发事件

Posted Dec 8, 2020
By
1 min read

输入框正在输入时

1
2
3
4
5
6
7

$("#ipt").on('input', function() {
    if (!($('#ipt').val() == '')) {
        $(".cancle_ico").removeClass('hide');
    } else {
        $(".cancle_ico").addClass('hide');
    }
})

输入框得到焦点时

1
2
3
4
5
6
7

$("#ipt").on('focus', function() {
    if (!($('#ipt').val() == '')) {
        $(".cancle_ico").removeClass('hide');
    } else {
        $(".cancle_ico").addClass('hide');
    }
})

输入框失去焦点时

1
2
3
4
5
6
7

$("#ipt").on('blur', function() {
    if (($('#ipt').val() == '')) {
        $(".cancle_ico").addClass('hide');
    } else {
        $(".cancle_ico").removeClass('hide');
    }
})
Knowledge, JQuery
JQuery
This post is licensed under CC BY 4.0 by the author.
Contents