textarea无内容时按下回车键禁止换行的问题求助

你的代码问题在于仅用return无法阻止浏览器的默认行为——按下回车键时，textarea默认会添加换行并移动光标。要实现空内容时按回车不执行任何操作，需要显式阻止默认事件。

修改后的代码如下：

function areaOnkeydown(e) {
    var code = e.keyCode || e.which;
    if (code === 13) {
        if (_text.value === '') {
            // 阻止浏览器默认的换行行为
            e.preventDefault();
            // 兼容极旧IE浏览器可额外添加该行
            // e.returnValue = false;
            return;
        } else {
            // 这里编写你需要的业务逻辑
        }
    }
}

关键说明 #

• e.preventDefault()：这是阻止浏览器默认事件的标准方法，调用后浏览器将不再执行按下回车的默认换行操作。
• 若需兼容非常老旧的IE浏览器，可额外添加e.returnValue = false，现代浏览器仅使用e.preventDefault()即可满足需求。
• 确保事件绑定正确，比如通过_text.onkeydown = areaOnkeydown;或_text.addEventListener('keydown', areaOnkeydown);完成绑定。

内容的提问来源于stack exchange，提问作者kitsaras