Question

我使用了以下代码形式jsfiddle.net，但它有一个错误，如果我们非常迅速地按Enter键+字符键，它会产生跟随输出。

// Javascript代码

function onfoc()
{
if(document.getElementById('todolist').value =="")
{
    document.getElementById('todolist').value +='• ';
}
}

function bulletOnEnter(){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){

    document.getElementById("todolist").value +='• ';

}
var txtval = document.getElementById('todolist').value;
if(txtval.substr(txtval.length - 1) == '\n'){
    document.getElementById('todolist').value = txtval.substring(0,txtval.length - 1);
}
}

Output Image

Answer 1

使用无序列表尝试此操作：

HTML：

OnEndPage()

既然你说你正在使用jQuery，你可以简单地用文本框的当前值附加另一个列表元素，然后清除它。

<ul id="todo">
  <li>stuff</li>
  <li>More stuff</li>
</ul>
<input id="addItems" type="text" />

JSFiddle：https://jsfiddle.net/k9hx7pdf/

编辑：您可以添加$(document).ready(function(){ //event listener $('#addItems').on('keypress', function(event){ if(event.which === 13){ event.preventDefault(); var text = $('#addItems').val(); $('#todo').append('<li>' + text + '</li>'); //clear textbox $('#addItems').val(''); } }); });然后编辑每个单独的列表项

如何使用Javascript在TextArea中实现内置的Bullet列表？

1 个答案: