美文网首页我爱编程
2018-03-26 JS 按回车键的时候执行的代码

2018-03-26 JS 按回车键的时候执行的代码

作者: 咯小屋 | 来源:发表于2018-03-26 16:26 被阅读0次

解决步骤

1. 知道js键盘按键的事件是怎么触发的
2. 事件触发的时候 怎么区分是哪个按键
3. Enter 键是哪个?
4. 代码

问题1:js键盘按键的触发

完整的 key press过程分为两个部分:1. 按键被按下;2. 按键被松开。
onkeydown : 键盘按下时触发,如果按下不抬起,那么会连续触发。
onkeyup : 键盘弹起时触发


不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件。
注:我还不是很明白这个句话的意思,谁实践过希望能留言告知,如果能有例子就更好了


区分按键

js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法

 var x = event.keyCode;  //可获得该该按键的Keycode值

KeyCode点击查看

Enter 的KeyCode值

 Enter = 13

例子:

实现在窗口内当按下键盘的时候,触发一个SayHi的提示

document.onclick = function(ev){
               var ev = ev || event;  //兼容IE和FireFox Chrome 只要一个为真就可以执行
                 if(ev.keycode == 13)
                      alert("Hi");                  
  }

完整代码

    <html>

    <head>
    <meta charset="UTF-8">
    <script>
        var run = function(ev){
            var ev = ev || event;   //为了兼容
            if(ev.keyCode == 13){

                alert('Hi');
            }
        }
        var KeyEvent = function(){
            document.onkeyup = run;
        }       

    window.onload = KeyEvent ;

    
</script>
</head>

<body>
</body>


</html>

相关文章

  • 2018-03-26 JS 按回车键的时候执行的代码

    解决步骤 问题1:js键盘按键的触发 完整的 key press过程分为两个部分:1. 按键被按下;2. 按键被松...

  • js的eventLoop事件循环

    js代码是按顺序从上到下执行的,先执行同步任务,然后执行异步任务,那有两个或者更多异步任务的时候先执行哪个呢?这个...

  • js执行上下文

    JS代码的执行顺序有时与代码先后顺序有所差异,抛开异步代码,即使是同步代码,它的执行也与你的预期不一致,比如: 按...

  • 如何使用JS脚本自动刷新一个页面?

    1、复制以下代码 2、打开浏览器的控制台,粘贴代码。 3、按回车键

  • 搜狗输入法 Mac 版词库配置文件位置

    打开终端,复制下面代码粘贴进入,按回车键。 会弹出窗口。

  • JS解析机制

    JS解析机制 JS代码是按块被引擎预编译和解释执行的,所谓块就是标签分割的代码段。下面两个标签分别代表两个代码块。...

  • JavaScript之执行上下文栈

    JS的可执行代码 JS的可执行代码分为3种: 全局代码、函数代码、eval代码, 这里我们重点讨论下执行一个函数的...

  • 前端面试题js:V8引擎机制

    6.V8如何执行一段JS代码 6.1 为什么用v8执行js代码 编写了js代码想要交给cpu去执行,但是js代码直...

  • js预解析(面试哦)

    js 代码通过 js 解释器(js 引擎) 来执行的 js 解释器 来执行js 代码分为两步: 首先预解析 再 ...

  • 怎么来理解Js是单线程的这句话?

    Js是单线程指的是执行Js代码的只有Js引擎主线程。Js在js引擎中同步执行,永远都是运行执行栈最顶部的代码。那么...

网友评论

    本文标题:2018-03-26 JS 按回车键的时候执行的代码

    本文链接:https://www.haomeiwen.com/subject/bdyrcftx.html