最近在写一个js小玩意儿,里边涉及到这样一个功能:在textarea中编辑东西完成之后,敲回车,发送消息,清空textarea;
但是出现一个bug:敲回车后,textarea里会残余一个换行符;
想来想去,应该是这个回车敲击以后,清空textarea的方法调用之后,事件还在继续,于是换行符被当做输入,进入了textarea;
如何让这个回车事件在清空textarea之后就取消呢?
在网上找到这篇文章JS阻止事件冒泡,于是在代码里加了一句
obj.preventDefault();
就解决了;
demo如下:
<html>
<head>
<script type="text/javascript">
function BindEnter(obj){
if(obj.keyCode == 13){
if (!obj.ctrlKey) {
document.getElementById("ta").value="";
obj.preventDefault();//这句话可以阻止回车事件冒泡;如果注释掉这句话,那么会有空格残余;
}
}
}
</script>
</head>
<body onkeydown="BindEnter(event)">
<textarea id="ta" rows="10" cols="30">
The cat was playing in the garden.
</textarea>
</body>
</html>
时间： 2024-11-05 20:25:55