js 取消回车事件

最近在写一个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>



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

你可能感兴趣的:(JavaScript)