Javascript &引用;“存储事件”;不';我不能在铬上工作
以下示例在Firefox中运行良好,但在Chrome中不起作用Javascript &引用;“存储事件”;不';我不能在铬上工作,javascript,google-chrome,local-storage,Javascript,Google Chrome,Local Storage,以下示例在Firefox中运行良好,但在Chrome中不起作用 <!doctype html> <meta charset="utf-8"> <textarea id="out" cols="80" rows="20"></textarea> <br> <p> Text to send: <input id="in" type="text" size="60"> <button id="btnSend"&
<!doctype html>
<meta charset="utf-8">
<textarea id="out" cols="80" rows="20"></textarea>
<br>
<p>
Text to send:
<input id="in" type="text" size="60">
<button id="btnSend">Send</button>
<button id="btnClear">Clear</button>
</p>
<script>
btnClear = document.getElementById("btnClear");
btnSend = document.getElementById("btnSend");
inp = document.getElementById("in");
out = document.getElementById("out");
var handle_storage = function (event) {
if (event.key == "message") { out.value += event.newValue + "\n";}
};
window.addEventListener("storage", handle_storage, false);
btnSend.onclick = function() {
localStorage.setItem('message', inp.value);
out.value += inp.value + "\n";
inp.value = "";
};
btnClear.onclick = function() {
inp.value = "";
out.value = "";
};
</script>
要发送的文本:
发送
清楚的
btnClear=document.getElementById(“btnClear”);
btnSend=document.getElementById(“btnSend”);
inp=document.getElementById(“in”);
out=document.getElementById(“out”);
变量句柄存储=函数(事件){
如果(event.key==“message”){out.value+=event.newValue+“\n”}
};
window.addEventListener(“存储”,句柄存储,false);
btnSend.onclick=函数(){
localStorage.setItem('message',inp.value);
out.value+=inp.value+“\n”;
inp.value=“”;
};
btnClear.onclick=函数(){
inp.value=“”;
out.value=“”;
};
这是一种文字聊天handle\u storage
会在Firefox的第二次点击或窗口中触发,但不会在Chrome的任何选项卡或窗口中触发
如何修复?您如何访问该文件?这个答案()表明使用
文件://
协议可以防止它开火。可能是,…@Curtis Mattoon的重复,谢谢!原因是文件://
。的可能重复