javascript - CSS模态弹出 session 存储

Question

我按照本教程使用 CSS 制作了一个模态弹出窗口: http://www.script-tutorials.com/css3-modal-popups/

我想知道如何将某人在文本框中输入的值存储为 session 数据？我在另一个教程中看到这段代码，说我想获取某人输入的电子邮件并将其放入 session 存储中:

(function () {
    var text = document.getElementById('email');
    text.addEventListener('keyup', function () {
    sessionStorage.text = text.value;
    }, false);
 });

出于某种原因，当我尝试下面的代码时(在另一个页面上，而不是在模态弹出窗口本身)，它似乎没有工作，文本没有显示

document.getElementById('storage').innerHTML = 'Your stored value is ' + sessionStorage.text;

使用模态弹出窗口时是否有一些我遗漏的特殊注意事项？

编辑:

我忘了提到第二行代码在另一个选项卡/窗口中，如果这有区别的话。我得到这些错误:TypeError: document.getElementById(...) 为空ReferenceError: $ 未定义

从目前我收集到的评论来看，似乎你不能从弹出窗口中执行此操作。我想知道是否有一种作弊方式可以将其发送回父窗口，然后再从父窗口发送, 将文本保存在 session 存储中？

Answer 1

我将“存储”innerHTML 赋值拉入 keyup 监听器并立即调用匿名函数:

<input id="email" type="text">
<div id="storage"></div>

<script>

(function () {
    var text = document.getElementById('email');
    text.addEventListener('keyup', function () {
        sessionStorage.text = text.value;
        document.getElementById('storage').innerHTML = 'Your stored value is ' + sessionStorage.text;
    }, false);
}());

</script>

这是一个工作示例: http://jsfiddle.net/BloodyKnuckles/e6B6x/