js 取消回车事件

时间 2019-11-19

原文原文链接

最近在写一个js小玩意儿,里边涉及到这样一个功能:在textarea中编辑东西完成以后,敲回车,发送消息,清空textarea;
可是出现一个bug:敲回车后,textarea里会残余一个换行符;
想来想去,应该是这个回车敲击之后,清空textarea的方法调用以后,事件还在继续,因而换行符被当作输入,进入了textarea;
javascript

如何让这个回车事件在清空textarea以后就取消呢?html

在网上找到这篇文章JS阻止事件冒泡,因而在代码里加了一句java

obj.preventDefault();

就解决了;

demo以下:
spa

<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>

今天看到一个帖子,发如今事件处理方法中直接return false就能阻止事件冒泡了...
.net