jQuery输入框内生成标签代码免费下载

jQuery输入框内生成标签代码,jQuery仿ace添加标签效果,在输入框输入文字空格键来创建标签、支持删除、和创建多个标签。

JS代码

<script type="text/javascript"> 
$(function() { 
    $(".tags_enter").blur(function() { //焦点失去触发  
        var txtvalue=$(this).val().trim(); 
        if(txtvalue!=''){ 
            addTag($(this)); 
            $(this).parents(".tags").css({"border-color": "#d5d5d5"}) 
        } 
    }).keydown(function(event) { 
        var key_code = event.keyCode; 
        var txtvalue=$(this).val().trim();  
        if (key_code == 13&& txtvalue != '') { //enter 
            addTag($(this)); 
        } 
        if (key_code == 32 && txtvalue!='') { //space 
            addTag($(this)); 
        } 
    }); 
    $(".close").live("click", function() { 
        $(this).parent(".tag").remove(); 
    }); 
    $(".tags").click(function() { 
        $(this).css({"border-color": "#f59942"}) 
    }).blur(function() { 
        $(this).css({"border-color": "#d5d5d5"}) 
    }) 
}) 
function addTag(obj) { 
    var tag = obj.val(); 
    if (tag != '') { 
        var i = 0; 
        $(".tag").each(function() { 
            if ($(this).text() == tag + "×") { 
                $(this).addClass("tag-warning"); 
                setTimeout("removeWarning()", 400); 
                i++; 
            } 
        }) 
        obj.val(''); 
        if (i > 0) { //说明有重复 
            return false; 
        } 
        $("#form-field-tags").before("<span class='tag'>" + tag + "<button class='close' type='button'>×</button></span>"); //添加标签 
    } 
} 
function removeWarning() { 
    $(".tag-warning").removeClass("tag-warning"); 
} 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录