javascript - 如何限制用户在可编辑字段中添加图像

Question

我使用 Node.js 和 MongoDB 构建了一个在线词汇表。

我有一个“编辑”按钮，可以生成 <dd> </dd>可使用 contentediable=true 编辑的字段.

现在用户可以在字段中书写，也可以通过拖放添加图像。

我怎样才能防止这种情况发生？

Answer 1

你可以在 dd 标签上监听 drop 事件并阻止它 使用 event.preventDefault()

var dd = document.querySelector('dd')

dd.addEventListener('drop', function(e) {
  alert('dropped');
  e.preventDefault();
})

dd {
  border: 1px solid black;
  height: 200px;
}

<dd contenteditable="true">asdf</dd>