ダイナミックタイトルアップデートはのcontentEditable

から私は動的にページのタイトルを更新するために使用することができますJavaScriptをどのような私は思ったんだけど要約筆記ダイナミックタイトルアップデートはのcontentEditable

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/

のために少しデータURIを作ってるんです#titleフィールドに書いてください。目指すのは、のCtrl + Sです。すでにタイトルが付いているファイルを保存することができます。最近のブラウザのために

出典

2016-05-20 Miguel Bartelsman

"これはデータURIです：https://css-tricks.com/data-uris/ – Flimm

[contenteditable変更イベント]の可能な複製（http://stackoverflow.com/questions/1391278/contenteditable-change-events） – Flimm

Toテキスト（$（ "＃title"）。text（））; 'リンクされた質問には、contenteditableが変更されたときにこれを実行する方法に関するデータがあります。 – Flimm

、あなたがそう（純粋なJS）のようなのcontentEditable要素のためのHTML5の入力イベントのために見ることができます：私はあなたが「小さなデータURIを何を意味するかわからないんだけど

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

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

出典

2016-05-20 13:49:04 adaam

それは、ありがとう –

@MiguelBartelsman素晴らしい！チェックマークをクリックして回答を受け入れてください。 – Flimm

ダイナミックタイトルアップデートはのcontentEditable

答えて

関連する問題