jQuery输入框创建关键词标签代码

jQuery输入框创建关键词标签代码是一款在文本框内输入文字然后按空格键可添加标签，可添加或删除多个标签。

js代码
<scripttype="text/javascript">
$(function(){
$(".tags_enter").blur(function(){//焦点失去触发
vartxtvalue=$(this).val().trim();
if(txtvalue!=''){
addTag($(this));
$(this).parents(".tags").css({"border-color":"#d5d5d5"})
}
}).keydown(function(event){
varkey_code=event.keyCode;
vartxtvalue=$(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"})
})
})
functionaddTag(obj){
vartag=obj.val();
if(tag!=''){
vari=0;
$(".tag").each(function(){
if($(this).text()==tag+"×"){
$(this).addClass("tag-warning");
setTimeout("removeWarning()",400);
i++;
}
})
obj.val('');
if(i>0){//说明有重复
returnfalse;
}
$("#form-field-tags").before("<spanclass='tag'>"+tag+"<buttonclass='close'type='button'>×</button></span>");//添加标签
}
}
functionremoveWarning(){
$(".tag-warning").removeClass("tag-warning");
}
</script>



下载

2023-11-22 22:18 上传

点击文件名下载附件
售价: 1 金币  [记录]  [购买]