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

<!--输入框输入字符后弹出对话框-->
<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监测输入_跳转_读取并显示文件

猜你喜欢
