我正在开发一个使用了 contenteditable
属性的 div
组件。
注意1:此内容仅在 Chrome 浏览器上测试过。 注意2:我不能使用 jQuery。
当按下回车键时,添加新的 <div><br><div>
是默认行为。
但是,当您按下 Shift + Enter
时,它只会在当前的 div
中添加一个 <br>
。
如何让 Shift + Enter
的行为与 Enter
相同?
let myDiv = document.getElementById('root');
function handleInput() {
console.log('Div innerHTML: ' + myDiv.innerHTML);
}
#root {
border: 1px dotted blue;
}
<p>Click on the div below and press Enter and Shift+Enter to see the difference</p>
<div
id="root"
contenteditable
onInput="handleInput()"
>
</div>
⇧ + ↵
插入<div><br></div>
,而仅使用⌃ + ↵
插入<br>
。Chrome不会在使用⌃ + ↵
时进行任何输入。 - Jacob Ford⌃ + ↵
是什么意思? - cbdeveloperControl
+Enter
- Jacob Fordcontrol
和shift
键,对吗?command
+enter
有什么作用吗?谢谢! - cbdeveloper⌘ + ↵
都不起作用。我还没有检查ctrl + Enter
是否会在 Windows 上强制换行。 - Jacob Fordctrl + Enter
没有任何反应。 - cbdeveloper