【JavaScript高级程序设计】20、事件类型（2）

键盘事件

 

这里做一个输入框的同步，就是在输入框中得到键盘按下事件的时候，我们把数据同步到div中去

<!DOCTYPE html>
<html>
<head>
    <title>处理键盘按键事件</title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="EventUtil.js"></script>
</head>
<body>
    <input type="text" id="myText">
    <div id="inner"></div>
    <script type="text/javascript">
        var text = document.getElementById("myText");
        var inner = document.getElementById("inner");
        EventUtil.addHandler(text, "keypress", function(event)
                                                    {
                                                        event = EventUtil.getEvent(event);
                                                        inner.innerHTML = inner.innerHTML + event.key;
                                                        //alert(bodyHTML.innerHTML);
                                                        
                                                    }
                            );

    </script>
</body>
</html>

 

显示结果：

这里删除不会清空记录

 

posted @ 2016-08-07 10:24  cutter_point  阅读(107)  评论(0)    收藏  举报