cell13.contentEditable = true; 修改为当鼠标点击其他位置或者回车时变为不可编辑状态
时间: 2024-05-12 07:15:24 浏览: 116
让你的表格在编辑状态时不需要按回车即可直接用光标键退出编辑并移动光标
5星 · 资源好评率100%
可以通过监听鼠标点击和键盘回车事件来实现这个功能:
```javascript
const cell13 = document.getElementById('cell13');
// 监听鼠标点击事件
document.addEventListener('click', () => {
cell13.contentEditable = false; // 将 cell13 设置为不可编辑状态
});
// 监听键盘回车事件
document.addEventListener('keydown', (event) => {
if (event.keyCode === 13) {
cell13.contentEditable = false; // 将 cell13 设置为不可编辑状态
}
});
```
当用户点击其他位置或者按下回车键时,就会触发对应的事件处理程序,将 `cell13` 设置为不可编辑状态。注意,如果用户想要再次编辑,需要手动将 `cell13.contentEditable` 设置为 `true`。
阅读全文