如果输入值为>1，将jQuery自动换行

Fadein a jQuery wrap if input value >1

本文关键字：jQuery 自动换行 输入 如果      更新时间：2023-09-26

我有一个带有X (clear)按钮的输入来清除值。如果输入中有值，我想让按钮淡入。

这里是我的小提琴:http://jsfiddle.net/3m25K/

<input class="inputfield">

$('input.inputfield').wrap('<span class="deleteicon" />').after($('<span/>').click(function() {
    $('.inputfield').val('').focus();
}));

input{
    font-size:22px;}
span.deleteicon {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: -5px;
    right: 7px;
    width: 24px;
    height: 24px;
    background:black;
    cursor: pointer;
}

您可以添加keyup处理程序并检查<input>的值是否从无过渡到某些或某些过渡到无，然后将fadeIn或fadeOut应用于按钮。像这样:

$('.inputfield').keyup(function() {
    var $span = $('.deleteicon span');
    if(this.value.length > 0 && !$span.is(':visible'))
        $span.stop().fadeIn();
    else if(this.value.length == 0)
        $span.stop().fadeOut();
});

实时版本:http://jsfiddle.net/ambiguous/MDnac/3/

相关文章：