问题描述

此网站的标签功能怎么做？如何做到回车后就缩进了？

我提问问题时，在标签栏输入标签后，回车，怎么就缩进了？如何用javascript实现？

解决方案

这里使用了js的失去焦点时间。
比如在一个input 中

然后

function test(){
把他缩进;
}

就可以了

解决方案二：

这里使用了js的失去焦点事件。
比如在一个input 中

然后

function test(){
把他缩进;
}

就可以了

解决方案三：

解决方案四：

这里使用了js的失去焦点事件。
比如在一个input 中

```

然后

<br>
function test(){<br>
把他缩进;<br>
}<br>

就可以了

解决方案五：

判断回车键就用输入的内容创建一个标签，同时清空输入框内容

 <style>
#tag a{margin-right:10px;color:blue;border:dotted 1px blue;cursor:pointer}</style>
<span id="tag"></span><input type="text" onkeydown="addTag(event,this)" />
<script type="text/javascript">
    function addTag(e, o) {
        if (e.keyCode == 13 && o.value != '') {
            var a = document.createElement('a');
            a.innerHTML = o.value + ' x';
            a.onclick = function () { this.onclick = null; document.getElementById('tag').removeChild(this); };
            document.getElementById('tag').appendChild(a);
            o.value = '';
        }
    }
</script>