Question

是否有一种简单的方法可以执行stackoverflow中问题区域底部的标记编辑器我需要一个字符串列表。所以，我打算做一个文本框，按下空格键，内容被推入一个span或li标签，文本框被清空，准备输入要推送的新内容。

Answer 1

<强> HTML

<div id="container">
    <input type="text" id="tags"/>
</div>

<强> CSS

#container{
border: 1px solid #FF7800;
padding:10px 0 10px 5px;
}

#tags{
 border:none;
}
.mytag{
background:#FF7800;
color:#fff;
padding:5px;
margin-right:5px;    
}

<强>的jQuery

$("#tags").keyup(function(event) {
  //alert(event.keyCode);
    if(event.keyCode=='32'){
        var tagname= $(this).val();
        if(tagname!=" "){
            var newtag= $("<span class='mytag'>"+tagname+"</span>");
            $(this).before(newtag);
        }
        $(this).val("");
    }
});

Demo here我希望你想要这种行为

在做空间之后将文本框内容放在span或li上

1 个答案: