美文网首页
回车发送消息成功后清空输入框却多出折行

回车发送消息成功后清空输入框却多出折行

作者: 小石头糖糖 | 来源:发表于2020-08-04 15:25 被阅读0次
[事发环境]:

vue 项目引用 element =>

给 textarea 组件绑定 @pressEnter 事件后,回车发送消息后清空 textarea ,输入框中显示的不是预期的placeholder的值, 却仿佛被输入回车键;
调试信息中看到textarea的value确实被赋值‘\n’;

[解决办法]:

在@pressEnterd绑定的函数中阻止默认事件: 上代码 >

// 浏览器阻止默认事件兼容
if (e.preventDefault) e.preventDefault();
else window.event.value = false;

相关文章

网友评论

      本文标题:回车发送消息成功后清空输入框却多出折行

      本文链接:https://www.haomeiwen.com/subject/gxjwrktx.html