事件处理函数/监听函数:

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中事件相关推荐

  1. JavaScript中事件回顾

    事件其实在第一次学习JavaScript的时候就接触了,一行非常简单的代码 alert('Hello JavaScript!!!')就诠释了什么是事件.事件是什么呢?事件在基于浏览器编程的语言Java ...

  2. JavaScript中事件循环的理解 Event Loop

    为了解决单线程运行阻塞问题,JavaScript用到了计算机系统的一种运行机制,这种机制就叫做事件循环(Event Loop) 事件循环(Event Loop) 在JavaScript中,所有的任务都 ...

  3. JavaScript中事件的绑定与解绑

    目录 零.码仙励志 一.事件的绑定 1. 对象.on事件名字=事件处理函数 2. 对象.addEventListener("没有on的事件名字",事件处理函数,false); 3. ...

  4. 快速入门!JavaScript中事件的默认行为

    事件的默认行为 事件本身就是天生就有的,某些事件触发,即使你没有绑定方法,也会存在一些效果,这些默认的效果就是"事件的默认行为" a 标签的点击跳转就存在默认行为 1.页面跳转 2 ...

  5. JavaScript中事件处理器中的event参数

    在大部分浏览器中,当一个事件处理器被触发时,名为Event的类实例会作为第一个参数传入处理器中.而一直占据主流地位的ie却以自己专的方式行事,将Event实例保存到一个名为event的全局属性中. i ...

  6. 「前端面试题系列7」Javascript 中的事件机制(从原生到框架)

    前言 这是前端面试题系列的第 7 篇,你可能错过了前面的篇章,可以在这里找到: 理解函数的柯里化 ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局? ...

  7. html中事件调用JavaScript函数时有return与没有return的区别

    2019独角兽企业重金招聘Python工程师标准>>> JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置. ...

  8. JavaScript中的load事件的作用_史上最全的web前端面试题汇总及答案JavaScript之二(二)...

    作者:樱桃小丸子儿 链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...

  9. javascript中window.event事件用法详解

    前两天写程序时因为要用到javascript中的window.event事件,于是就在网上搜了一下,终于找到一篇不错的文章,来与大家分享下:  描述   event代表事件的状态,例如触发event对 ...

最新文章

  1. Node.js process 模块常用属性和方法
  2. 一条 SQL 语句在 MySQL 中如何被执行的?
  3. Ajax-基本概述(one)
  4. 01 前端篇(标签)
  5. 组织模式 - Introduction
  6. linux deepin/ubuntu安装flameshot火焰截图
  7. 最小花费(最短路变形+中南大学复试机试)
  8. axios关于针对请求时长策略设计的思考
  9. git clone 速度过慢
  10. 使用ffmpeg将BMP图片编码为x264视频文件,将H264视频保存为BMP图片,yuv视频文件保存为图片的代码
  11. SpringMVC+Shiro权限管理
  12. 去除桌面图标的小箭头
  13. 游戏开发项目管理那些事
  14. 海思和展讯给中国芯片业界带来信心和希望,或成为下一个芯片巨头
  15. 【工具类】TimeLine功能的使用(一)
  16. 缔造企鹅:产品经理是这样炼成的札记-技巧
  17. 利用python对b站某GPT-4解说视频的近万条弹幕进行爬取、数据挖掘、数据分析、弹幕数量预测及情绪分类
  18. Poj 1655 【树的重心】
  19. 虹科新闻|ATTO 宣布支持 Apple 最新操作系统 macOS® 13 Ventura
  20. hive之生成唯一id

热门文章

  1. java模拟dos窗口
  2. PMP项目管理认证体系
  3. openwrt顶层Makefile分析-转
  4. SourceInsight下面一直出现unable to write to temp file for saving operation 这样的提示
  5. L1-068 调和平均 (10 分)-PAT 团体程序设计天梯赛 GPLT
  6. [Python] L1-028. 判断素数-PAT团体程序设计天梯赛GPLT
  7. 1041. 考试座位号(15)-PAT乙级真题
  8. 蓝桥杯 ADV-167算法提高 快乐司机(贪心算法)
  9. 一周工作所用的日常 Git 命令
  10. 学习Kubernetes 和容器技术体系的最佳方法