如何在contenteditable中停用enter event (不输入shift+enter)
如何在contenteditable中停用enter event (不输入shift+enter)
提问于 2013-08-17 18:14:37
我想在我的代码中使用contenteditable属性，但我有一个问题。
我希望在单击(shift + enter)时转到下一行(点:我只需要shift + enter转到下一行)，当我单击enter键时，隐藏文本在这个具有contenteditable属性的div中。
请给我指点一下。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-17 18:52:44
为此，您可以使用keydown事件。Mdn提供了有关此事件的更多信息。
使用以下示例html：
<div id="pinky" contenteditable="true">Pink unicorns are blue</div>您可以将keydown事件处理程序附加到此元素。然后，我们可以使用event.shiftKey来检测shiftKey是否与enter键一起被按下。键13是"enter“键中的任一个。
$('#pinky').on('keydown', function(e) {
if (e.which === 13 && e.shiftKey === false) {
//Prevent insertion of a return
//You could do other things here, for example
//focus on the next field
return false;
}
});下面的代码片段实际显示了这一点：
$('#pinky').on('keydown', function(e) {
if (e.which === 13 && e.shiftKey === false) {
//Prevent insertion of a return
//You could do other things here, for example
//focus on the next field
return false;
}
});#pinky {
background: pink;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="pinky" contenteditable="true">Pink unicorns are blue</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18287630
复制相关文章
相似问题
腾讯云开发者
