Question

我正在制作一个用于记笔记的小数据URI

data:text/html
<title>Text Editor</title>
<body>
  <div contenteditable class="text" id="title">Title...</div>
  <div contenteditable class="text">Body...</div>
</body>

https://jsfiddle.net/ab3hh3ka/

我想知道在#title字段中写入时，我可以使用哪种JavaScript来动态更新页面标题。目标是能够点击 Ctrl + S 来保存已经存在标题的文件。

Answer 1

对于现代浏览器，您可以观察HTML5输入事件，以获取满意的元素（纯JS）：

document.getElementById("title").addEventListener("input", function(e) {
    var value = e.srcElement.innerHTML;
    document.title = value;
}, false);

https://jsfiddle.net/ab3hh3ka/3/

来自contenteditable的动态标题更新

1 个答案: