计入学习总结javascript事件

<    还是会有很多兼容性的需要,分清IE和FF不同的兼容需要;才能保证程序正常的运行        >

1.关于鼠标事件的事件对象

相对于浏览器位置的
clientX:

    当鼠标事件发生的时候,鼠标相对于浏览器X轴的位置
clientY:

    当鼠标事件发生的时候,鼠标相对于浏览器Y轴的位置

相对于屏幕位置的
screenX:

    当鼠标事件发生的时候,鼠标相对于屏幕X轴的位置
screenY:

     当鼠标事件发生的时候,鼠标相对于屏幕Y轴的位置

相对于事件源的位置
IE:
offsetX :

    当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
offsetY :

    当鼠标事件发生的时候,鼠标相对于事件源Y轴的位置

FF:
layerX :

    当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
laterY :

    当鼠标事件发生的时候,鼠标相对于事件源Y轴的位置

2.IE:
对象.attachEvent("事件处理名称",函数) 添加
对象.detachEvent("事件处理名称",函数) 删除

FF:
对象.addEventListener(“事件名称”,函数名,布尔值(true或false)) 添加
对象.removeEventListener(“事件名称”,函数名,布尔值(true或false)) 删除

时间: 2024-08-28 15:07:53

计入学习总结javascript事件的相关文章

学习笔记---Javascript事件Event、IE浏览器下的拖拽效果

学习笔记---Javascript事件Event.IE浏览器下的拖拽效果     1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcElement(触发事件的事件源对象)和attachEvent("onclick",function(){...}); 2. a. 实现拖放(Drag and Drop): 目前支支持IE, 若定制某对象为可拖放对象, 则必须覆盖目标对象的dragenter和dragover事件, 可以用e

JavaScript学习12:事件对象

JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给我们的开发提供更多的强大功能.最方便和强大的就是事件对象了,它们可以帮你处理鼠标和键盘方面的很多事情,此外我们还可以修改一般事件的捕获或者冒泡流的函数. 在上篇博客中我们已经对事件有了一个基本的认识,结尾处我们提到了事件处理函数.事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于当前事件的上下文信息.事件处理由三部分组成:对象.事件处理函数=函数. 那么事件对象又是什么呢?它在哪里? 当触发某个事件时,会产生

JavaScript学习11:事件入门

JavaScript事件是由访问Web页面的用户引起的一系列操作,例如:用户点击鼠标,敲击键盘了等等.当用户执行类似操作的时候,再去触发执行一系列代码作为用户操作的响应,这就是所谓的事件了吧. 事件一般是用于浏览器和用户操作进行交互,通常我们将JavaScript中的事件模型分为三种:内联模型.脚本模型和DOM2模型. 内联模型 是最传统的接单的一种处理事件的方法.在这个模型中,事件处理函数是HTML标签的一个属性,用于处理指定事件.虽然内联在早期使用较多,但是它是和html混写的,并没有与ht

前端之JavaScript第一天学习(1)-JavaScript 简介

javaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. JavaScript 很容易学习. JavaScript:写入 HTML 输出 <!DOCTYPE html> <html

JavaScript事件代理入门

事件代理(Event Delegation),又称之为事件委托.是 JavaScript 中常用绑定事件的常用技巧. 顾名思义,"事件代理"即是把原本需要绑定的事件委托给父元素,让父元素担当事件监听的职务. 为什么要这样做呢? 众所周知,DOM操作是十分消耗性能的.所以重复的事件绑定简直是性能杀手.而事件代理的核心思想,就是通过尽量少的绑定,去监听尽量多的事件. 下面将会用 Zepto 为大家演示怎么实现事件代理. 啊?Zepto是什么? Zepto is a minimalist J

HTML 学习笔记 JavaScript(面向对象)

现在让我们继续跟着大神的脚步前进 学习一下JavaScript中的面向对象的思想,其实作为一个iOS开发者,对面向对象还是比较熟悉的,但是昨晚看了一下Js中的面向对象,妈蛋 一脸萌比啊.还好有大神.让我们跟着大神的思路在捋一下.(在这里更欢迎大家阅读原博 )原博地址:http://www.cnblogs.com/dolphinX/p/4385862.html 理解对象 对象这个词如雷贯耳,同样出名的一句话:XXX语言中一切皆为对象! 对象是什么?什么觉面向对象的编程? 对象(object),台湾

学习之Javascript基础

1)HTML只是描述网页长相的标记语言,JavaScript是一种在浏览器端执行的语言,简称为JS,JavaScript是解释性语言,无需编译就可以随时运行,没有语法错误的部分还是能正确运行. 2)VS2010中有Javascript.JQuery的自动完成功能 3)JS点儿不出来的成员也许可用,点儿处理的成员也许不可用 4)VS2008的HTML编辑器中触发JavaScript自动完成:Ctrl+J 5)JS标签: <script type="text/javascript"&

[解惑]JavaScript事件机制

[解惑]JavaScript事件机制 初学 JS 的童鞋经常会有诸多疑问,我在很多 QQ 群也混了好几年了,耳濡目染也也收获了不少,以后会总结下问题的结论,顺便说说相关知识的扩展~ 如果贸然回答还会冒泡,这不太好的,稍微严谨点考虑 0级 DOM 事件模型的话,这个答案是否定的.但是在 2级 DOM 事件模型中,答案是肯定的,这个问题值得探讨记录下. 本文地址:http://www.cnblogs.com/hustskyking/p/problem-javascript-event.html 一.

JavaScript事件详解-zepto的事件实现

zepto的event 可以结合上一篇JavaScript事件详解-原生事件基础(一)综合考虑源码暂且不表,github里还有中文网站都能下到最新版的zepto.整个event模块不长,274行,我们可以看到,整个event模块,事件绑定核心就是on和off,还有一个trigger用来触发,类观察者模式,可以先看看汤姆大叔的深入理解JavaScript系列(32):设计模式之观察者模式,其余皆为实现的处理函数.首先来个demo: $("#btn").on("click&quo