javascript中事件
事件处理函数/监听函数:
IE:
attachEvent():函数被作为事件处理参数添加。
detachEvent():事件处理函数列表中查找指定的函数,然后删除该函数。
他们都有两个参数,要分配的事件处理函数的名字以及一个函数。
eg:
var odiv=document.getElementById("div");
odiv.attchEvent("onclick",fclick);
odiv.detachEvent("onclick",fclick);
传统方法:odiv.οnclick=fclick,相当于另一种attachEvent()的调用。
DOM:
addEventListener()和removeEventListener()方法来分配和删除事件处理函数。
有三个参数:事件名称,要分配的函数和处理函数是用于何种处理阶段(true是冒泡阶段,false是捕
捉阶段)。
获取事件类型:
var sType=oEvent.type.
eg:
function handleEvent(oEvent)
{
if (oEvent.type=="click")
{
alert("Clicked");
}
else if(oEvent.type=="mouseover")
{
alert("mouseover");
}
}
odiv.οnclick=handleEvent;
odiv.mouseover=handleEvent;
获取按键代码:
var okeycode=oEvent.keyCode;
获取客户端坐标:
var iclientX=oEvent.clientX;
var iclientY=oEvent.clientY;
检测shift、alt、ctrl键:
var bshift=oEvent.shiftKey;
var balt=oEvent.altKey;
var bctrl=oEvent.ctrlKey;
获取屏幕坐标:
var oscreenX=oEvent.screenX;
var oscreenY=oEvent.screenY;
转载于:https://www.cnblogs.com/fanchangfa/archive/2011/08/10/2133200.html
javascript中事件相关推荐
- JavaScript中事件回顾
事件其实在第一次学习JavaScript的时候就接触了,一行非常简单的代码 alert('Hello JavaScript!!!')就诠释了什么是事件.事件是什么呢?事件在基于浏览器编程的语言Java ...
- JavaScript中事件循环的理解 Event Loop
为了解决单线程运行阻塞问题,JavaScript用到了计算机系统的一种运行机制,这种机制就叫做事件循环(Event Loop) 事件循环(Event Loop) 在JavaScript中,所有的任务都 ...
- JavaScript中事件的绑定与解绑
目录 零.码仙励志 一.事件的绑定 1. 对象.on事件名字=事件处理函数 2. 对象.addEventListener("没有on的事件名字",事件处理函数,false); 3. ...
- 快速入门!JavaScript中事件的默认行为
事件的默认行为 事件本身就是天生就有的,某些事件触发,即使你没有绑定方法,也会存在一些效果,这些默认的效果就是"事件的默认行为" a 标签的点击跳转就存在默认行为 1.页面跳转 2 ...
- JavaScript中事件处理器中的event参数
在大部分浏览器中,当一个事件处理器被触发时,名为Event的类实例会作为第一个参数传入处理器中.而一直占据主流地位的ie却以自己专的方式行事,将Event实例保存到一个名为event的全局属性中. i ...
- 「前端面试题系列7」Javascript 中的事件机制(从原生到框架)
前言 这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局? ...
- html中事件调用JavaScript函数时有return与没有return的区别
2019独角兽企业重金招聘Python工程师标准>>> JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置. ...
- JavaScript中的load事件的作用_史上最全的web前端面试题汇总及答案JavaScript之二(二)...
作者:樱桃小丸子儿 链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...
- javascript中window.event事件用法详解
前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下: 描述 event代表事件的状态,例如触发event对 ...
最新文章
- Node.js process 模块常用属性和方法
- 一条 SQL 语句在 MySQL 中如何被执行的?
- Ajax-基本概述(one)
- 01 前端篇(标签)
- 组织模式 - Introduction
- linux deepin/ubuntu安装flameshot火焰截图
- 最小花费(最短路变形+中南大学复试机试)
- axios关于针对请求时长策略设计的思考
- git clone 速度过慢
- 使用ffmpeg将BMP图片编码为x264视频文件,将H264视频保存为BMP图片,yuv视频文件保存为图片的代码
- SpringMVC+Shiro权限管理
- 去除桌面图标的小箭头
- 游戏开发项目管理那些事
- 海思和展讯给中国芯片业界带来信心和希望,或成为下一个芯片巨头
- 【工具类】TimeLine功能的使用(一)
- 缔造企鹅:产品经理是这样炼成的札记-技巧
- 利用python对b站某GPT-4解说视频的近万条弹幕进行爬取、数据挖掘、数据分析、弹幕数量预测及情绪分类
- Poj 1655 【树的重心】
- 虹科新闻|ATTO 宣布支持 Apple 最新操作系统 macOS® 13 Ventura
- hive之生成唯一id
热门文章
- java模拟dos窗口
- PMP项目管理认证体系
- openwrt顶层Makefile分析-转
- SourceInsight下面一直出现unable to write to temp file for saving operation 这样的提示
- L1-068 调和平均 (10 分)-PAT 团体程序设计天梯赛 GPLT
- [Python] L1-028. 判断素数-PAT团体程序设计天梯赛GPLT
- 1041. 考试座位号(15)-PAT乙级真题
- 蓝桥杯 ADV-167算法提高 快乐司机(贪心算法)
- 一周工作所用的日常 Git 命令
- 学习Kubernetes 和容器技术体系的最佳方法