美文网首页
jq与input框事件

jq与input框事件

作者: 里昂的凍檸茶 | 来源:发表于2020-02-25 17:23 被阅读0次

1、input框获取焦点事件

$('input').focus(function() {
        console.log($('input').val());
        $(".searchSuggest").show();
});

2、input框失去焦点事件

$(''input').blur(function() {
    $(".searchSuggest").hide();
});

3、input框输入内容变化事件

function mobilIptChange(){
        $('input').bind('input propertychange', function(){
             console.log("变化监听",$('input').val());
        });
}

移动端需要在input标签添加oninput="mobilIptChange()"因为onpropertychange是ie专属

相关文章

网友评论

      本文标题:jq与input框事件

      本文链接:https://www.haomeiwen.com/subject/qpztchtx.html