JS中event对象的学习

最新推荐文章于 2022-04-05 10:39:15 发布
最新推荐文章于 2022-04-05 10:39:15 发布
阅读量244 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/racy696/article/details/77509150
版权 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>event对象的学习</title>
        <!--
            作者：李瑞琦
            时间：2017-08-23
            描述：event对象：
                1、获取鼠标坐标
                2、获取键盘值
        -->
        <script type="text/javascript">
            //获取鼠标坐标
            function getMouseCode(eve){
                //获取event对象
                var eve = eve || window.event;
                //为了解决浏览器差异的问题
                var x = eve.pageX ||eve.x;
                var y = eve.pageY ||eve.y;
                alert(x+":"+y);
            }
            //获取键盘值
            function getKeyCode(eve){
                //获取event对象
                var eve = eve || window.event;
                var keyCode = eve.getKey;
                alert(keyCode);
            }
        </script>
        <style type="text/css">
            #div01{
                border: solid 1px;
                width: 300px;
                height: 300px;
                background-color: #FFE4C4;
            }
        </style>
    </head>
    <body>
        <h3>event对象的学习</h3>
        <hr />
        <div id="div01" onmousemove="getMouseCode(event)">

        </div>
        <input type="text" id="" name="" value="" onkeydown="getKeyCode(event)"/>
    </body>
</html>
教官爱编程
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript Event对象详解及使用示例
10-26
Event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态，event对象只在事件发生的过程中才有效，本文整理了一些，喜欢的朋友可以学习下
js数组几种常见的操作方法攻略
xiubinxu的博客
05-13 3317
基础篇 1.shift // 删除原数组的第一项，并返回删除元素的值，如果数组为空则返回undefined var a = [1, 2, 3, 4, 5] var b = a.shift()// a:[2,3,4,5] b:1 2.unshift // 将参数添加到原数组开头，并返回数组的长度 var a = [1, 2, 3, 4, 5] var b = a.unshift(-2, -1)// a;[-2,-1,1,2,3,4,5] b:7 //注：此方法在ie6.0下 // 测试的返回值始终为unde
JS中的event对象
Android
08-27 6224
Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 它是事件绑定中的一个隐藏参数，即实参，可以使用arguments[0]来获取。但是这样比较麻烦，所以我们采取传递一个形参来获取它。 例如：var e = event || window.event;考虑到兼容性。 三个属性： event.offsetX:鼠标相对于点击元素左边的水平距离位置
js未传入event参数时如何获取当前event（多浏览器）
ano1010的专栏
08-05 8559
s对于函数的定义是非常松，即使你在函数定义时未写任何参数，或者你定义的参数有多个，但是你调用时，一个参数也不填，也不会出错的。 因为js函数内默认有个变量，保存你的入参叫：arguments， 他是一个数组，下标从0开始， 所以获取event可以写成function eventTest(){ var event = window.event||arguments[0]; //t
【前端学习】前端学习第十六天：JavaScript中event对象和事件属性（上）
qq_49916504的博客
04-05 1196
当事件发生时，浏览器会自动建立一个event对象，事件处理函数通过event对象的属性来获取事件的类型、键盘按键的状态、鼠标位置坐标、鼠标按钮的状态信息等。 因为在DOM事件模型中，event对象以函数参数的形式传入，在IE事件模型中，event对象作为window对象的属性，通过window.event获取，所以通用模式可以写为： function EventHandler(ev){ var e=ev||window.event;} 下面介绍常用的DOM事件模型对象常用的属性： 1、screen
JS学习笔记13-事件基础-event对象
欢迎访问我的主页：https://www.bookbook.cc
05-12 7142
一、event对象和事件冒泡 1.1 什么是event对象 1.2 document 1.3 event.clientX event.clientY 鼠标点击的X坐标和Y坐标 1.4 事件冒泡 1.5 event.cancelBubble=true 取消事件冒泡 二、鼠标事件 2.1 onmousemove 鼠标移动事件 2.2 实例一串跟着鼠标移动的DIV 三、键盘事件 3.1 onkeydown 键盘按下事件 3.2 ctrlKey 判断ctrl是否按下 3.3 shiftKey 判断shift是否按下
event对象学习
sun_clouds的博客
10-10 181
event对象学习       event对象：     //获取鼠标坐标使用的是event对象，此对象有两个个属性来记录鼠标实时移动     的坐标。     火狐的是pageX:pageY     ie的是x,y     var eve=eve||window.event;//浏览器差异     var x=Math.ceil(eve.x)||Math.ceil(eve.pag
JS事件对象event
qq_43641110的博客
08-21 375
1.什么是事件？ 在JS中说是一整套事件能完成一个功能 2.事件的三要素 ： 事件源、事件、事件驱动程序。 三句话：获取事件源、绑定事件、书写事件驱动程序。 （1）获取事件源：document.getElementById(“box”); （2）绑定事件： box.onclick = function(){ 程序 }; （3） 书写事件驱动程序：以后要学习的关于DOM的操作 语法格式 ： 事件源.事件类型 = 执...
JavaScript 学习之Event对象
琼华
10-31 408
Event对象
JavaScript基础学习——事件以及Event对象（原生态）
qq_41890177的博客
03-01 823
目录 1、事件 2、EventTarget接收事件接口 2.1、addEventListener()：绑定事件监听函数，实现监听 2.2、removeEventListener()：移除事件监听 2.3、dispatchEvent()：自动触发用户自定义事件 3、JS常用事件 3.1、UI事件 3.1.1、onload：页面所有DOM元素加载完成后自动触发 (掌握) 3.1.2、onunload：当页面关闭或被切换到其它时触发，一般用于做一些善后处理 3.1.3、onabort：忽略错误
JavaScript学习笔记之JS事件对象
11-26
　event对象只在事件发生的过程中才有效。 　firefox里的event跟IE里的不同，IE里的是全局变量，随时可用；firefox里的要用参数引导才能用，是运行时的临时变量。 　在IE/Opera中是window.event，在Firefox中是event...
JavaScript Event学习第七章 事件属性
12-11
我不打算给这些属性列个表，因为那些情况实在是太让人晕头了，而且对你的学习也不会有一点点的帮助。在写5段代码前我先要问关于浏览器的5个问题。 1、event的类型（type）是什么？ 2、哪一个HTML元素是event的目标...
js内置对象 学习笔记
12-09
● String对象：处理所有的字符串操作 ● Math对象：处理所有的数学运算 ● Date对象：处理日期和时间的存储、转化和表达 ● Array对象：提供一个数组的模型、存储大量有序的数据 ● Event对象：提供JavaSc
JavaScript事件学习小结（三）js事件对象
11-23
JavaScript事件学习小结(五）js中事件类型之鼠标事件 //www.jb51.net/article/86259.htm JavaScript事件学习小结（一）事件流 //www.jb51.net/article/86261.htm javaScript事件学习小结（四）event的公共成员...
JS中用document对象操作form表单 案例
racy696的博客
08-24 6817
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>百度360一起搜</title> <!-- 作者：李瑞琦 时间：2017-08-24 描述：用document对象操作form表单 -->
JS的超链接以及事件的阻断机制
racy696的博客
08-23 2149
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js超链接调用函数和事件的阻断</title> </head> <script type="text/javascript"> function test(){ alert("我被调用了
window对象下open、close、opener函数的使用
racy696的博客
08-23 2094
//父页面内容<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 作者：李瑞琦 时间：2017-08-23 描述：js中window对象下open、close、opener属性的
JS变量的运算
racy696的博客
08-22 1231
<html> <head> <title>js变量的运算</title> <meta charset="UTF-8"/> <!-- 变量的运算： 数值运算：+,-,*,/,%,++,--. 链接符运算：+ 逻辑运算：==，！=
学习掌握自定义事件的实现方法。
最新发布
05-29
在 JavaScript 中，可以通过自定义事件来实现组件之间的通信。自定义事件的实现主要分为以下几个步骤： 1. 创建事件对象：可以使用 Event 或 CustomEvent 构造函数来创建事件对象，其中 CustomEvent 可以传递自定义...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值