首页 > 编程语言 > 详细

Javascript监测输入_跳转_读取并显示文件

时间:2020-03-28 09:07:12      阅读:83      评论:0      收藏:0      [点我收藏+]

 

<!--输入框输入字符后弹出对话框-->
<head>
    <script type="text/javascript">
    // Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9
        function OnInput (event) {
            alert (event.target.value);
        }
    // Internet Explorer
        function OnPropChanged (event) {
            if (event.propertyName.toLowerCase () == "value") {
                alert (event.srcElement.value);
            }
        } 
    </script>
</head>
<body>
    <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="input something" /><br>
</body>

<!--根据按键跳转到网页-->
<script type="text/javascript">
    function enterHandler()
    {
        var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
        if (keyCode == 65)
        {
            window.location.href=http://www.baidu.com;
        }
    }
</script>
<body onkeydown="enterHandler()">
    <a href=https://www.runoob.com/tags/html-ascii.html>ASCII字符对应序号</a>,如:A对应65,按下按键A,跳转网页。<br>
</body>

<!--在线读取文件内容-->
<!DOCTYPE html>
<html>
    <head>
        <title>文件示例</title>
        <meta name="name" content="content" charset="gb2312">
    </head>
    <body>
            <input type="file" id="file" />
            <input type="button" onclick="readText()" value="File Button">
            <div id="tt">
            </div>
    </body>
</html>
<script charset="utf-8">
window.onload=function () {
    if(typeof(FileReader)=="undefined")
    {
        alert("你的浏览器不支持文件读取");
        document.write("");
    }else
    {
        alert("你的浏览器支持文件读取");
    }
}
    function readText() {
            var file=document.getElementById("file").files[0];
            var reader=new FileReader();
            reader.readAsText(file);
            reader.onload=function(data)
            {
                var tt=document.getElementById("tt")
                tt.innerHTML=this.result;
            }
        }
    
</script>

 

Javascript监测输入_跳转_读取并显示文件

原文:https://www.cnblogs.com/chenxiehan/p/12585159.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!