美文网首页
js事件入门(3)

js事件入门(3)

作者: 螺钉课堂 | 来源:发表于2019-12-17 16:08 被阅读0次

3.键盘事件

#3.1.onkeydown 键盘按下事件

当键盘按下的时候触发

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            //键盘按下的时候弹出一个1
            document.onkeydown = function(){
                alert(1);
            }
        </script>
    </head>
    <body>
    </body>
</html>

#3.2.onkeyup 键盘抬起事件

当键盘按下抬起的一瞬间触发

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            //键盘抬起的时候弹出一个1
            document.onkeyup = function(){
                alert(1);
            }
        </script>
    </head>
    <body>
    </body>
</html>

螺钉课堂视频课程地址:http://edu.nodeing.com

相关文章

  • js事件入门(3)

    3.键盘事件 #3.1.onkeydown 键盘按下事件 当键盘按下的时候触发 #3.2.onkeyup 键盘抬起...

  • JavaScript脚本语言

    简介 W3C参考资料 基础入门 初探JavaScript 什么是JS? JS是通过事件给网页添加交互、修改样式 编...

  • Node.js核心入门(二)

    目录:Node.js核心入门(一) 全局对象 常用工具 事件机制 Node.js核心入门(二) 文件系统访问 HT...

  • 事件

    1、鼠标的移入移除js部分 2、鼠标事件js部分 3、事件对象js部分 4、键盘事件js部分 5、输入框事件js部...

  • 01vue-安装vue

    资源 1.Vue.js2.0从入门到放弃---入门实例(一)2.Vue.js入门学习(一)3.Vue官方中文Api...

  • js事件入门(1)

    1.事件相关概念 1.1 什么是事件? 事件是用户在访问页面时执行的操作,也就是用户访问页面时的行为。当浏览器探测...

  • js事件入门(2)

    2.鼠标事件 鼠标事件就是用户与页面的许多交互时通过鼠标移动或者鼠标点击等触发的事件. #2.1.onmoused...

  • js事件入门(4)

    4.表单事件 表单事件处理主要用来验证表单,可以处理用户在表单上所做的任何操作。 #4.1.onsubmit事件 ...

  • js事件入门(5)

    5.窗口事件 #5.1.onload事件 元素加载完成时触发,常用的就是window.onload #5.1.re...

  • js事件入门(6)

    7.事件冒泡机制 #7.1.什么是事件冒泡 当一个元素接收到一个事件以后,会将事件传播给它的父级元素,它的负级元素...

网友评论

      本文标题:js事件入门(3)

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