【探索javascript----事件对象下的各种X和Y】的更多相关文章

探索javascript----事件对象下的各种X和Y

每次用到诸如client,screen,offset等,虽然通常都是能用对的,但是总觉得不是那么的自信没错.所以整理一下可以再需要的时候来查阅. 一:clientX和clientY,screenX和screenY: 可见:正如字面所讲,screen是鼠标相对屏幕坐标,但screenY取不到客户区以外的值,而client是相对于客户区的. 二:页面坐标位置(page):pageX和pageY: 注:此图滚动条没有画出: pageX和pageY是相对于文档流的,包含scroll值,所以,在第一屏下,…

第一百二十节，JavaScript事件对象

JavaScript事件对象 学习要点: 1.事件对象 2.鼠标事件 3.键盘事件 4.W3C与IE JavaScript事件的一个重要方面是它们拥有一些相对一致的特点,可以给你的开发提供更多的强大功能.最方便和强大的就是事件对象,他们可以帮你处理鼠标事件和键盘敲击方面的情况,此外还可以修改一般事件的捕获/冒泡流的函数. 一．事件对象 事件处理函数的一个标准特性是,以某些方式访问的事件对象包含有关于当前事件的上下文信息. 事件处理三部分组成:对象.事件处理函数=函数.例如:单击文档任意处. //…

JavaScript的对象/下

JavaScript的对象 一.BOM对象 BOM----browser object model 1.window对象 所有浏览器都支持window对象. 概念上讲,一个html文档对应一个window对象. 功能上讲:控制浏览器窗口的. 使用上讲:window对象不需要创建对象,直接使用即可. 2.widow对象方法 alert() 显示带有一段信息和一个确认按钮的警告框 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框. prompt() 显示可提示用户输入的对话框 op…

JavaScript事件对象与事件处理程序

在学习之前建议请看一下事件流.事件冒泡.事件捕获 一.事件对象 事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息.既然event是事件对象,那么它必然存在属性 ①DOM中的事件对象event属性   (1).type属性用于获取事件类型   (2).target.srcElement<兼容IE事件>属性用于获取事件目标    (3).stopPropagation()方法 用于阻止事件冒泡   (4).preventDefault() 方法 阻…

JavaScript事件对象

一． 事件对象 事件处理三部分组成:对象.事件处理函数=函数.例如:单击文档任意处. 1.鼠标按钮 非 IE(W3C)中的 button 属性 0 表示主鼠标按钮(常规一般是鼠标左键) 1 表示中间的鼠标按钮(鼠标滚轮按钮) 2 表示次鼠标按钮(常规一般是鼠标右键) IE 中的 button 属性0 表示没有按下按钮1 表示主鼠标按钮(常规一般是鼠标左键)2 表示次鼠标按钮(常规一般是鼠标右键)3 表示同时按下了主.次鼠标按钮4 表示按下了中间的鼠标按钮5 表示同时按下了主鼠标按钮和中间的鼠标按…

JavaScript事件对象【转】

一． 事件对象 事件处理三部分组成:对象.事件处理函数=函数.例如:单击文档任意处. 1.鼠标按钮 非 IE(W3C)中的 button 属性 0 表示主鼠标按钮(常规一般是鼠标左键) 1 表示中间的鼠标按钮(鼠标滚轮按钮) 2 表示次鼠标按钮(常规一般是鼠标右键) IE 中的 button 属性0 表示没有按下按钮1 表示主鼠标按钮(常规一般是鼠标左键)2 表示次鼠标按钮(常规一般是鼠标右键)3 表示同时按下了主.次鼠标按钮4 表示按下了中间的鼠标按钮5 表示同时按下了主鼠标按钮和中间的鼠标按…

Javascript 事件对象（二）event事件

Event事件: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> /* event : 事件对象 , 当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细的信息都会被…

javascript 事件对象

1.事件对象  用来记录一些事件发生时的相关信息的对象  A.只有当事件发生的时候才产生,只能在处理函数内部访问  B.处理函数运行结束后自动销毁2.如何获取事件对象  IE: window.event  FF: 对象.on事件 = function(e) 通用法  var ev = e || window.event3.事件对象的属性 A.关于鼠标事件的事件对象   相对浏览器位置   clientX/clientY 当鼠标事件发生时,鼠标相对于浏览器的位置 B.相对于屏幕位置的    scr…

JavaScript事件对象与事件的委托

事件对象 包含事件相关的信息,如鼠标.时间.触发的DOM对象等 js默认将事件对象封装好,并自动的以参数的形式,传递给事件处理函数的第1个参数,如下: document.getElementsByTagName("div")[0].onclick = function(e){ e = window.event || e; //兼容IE低版本(事件对象绑定在window的event上) console.log(e);//这里e就是事件对象 } 事件的属性和方法 type:获取事件类型(c…

JavaScript 事件对象event

什么是事件对象? 比如当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 注:事件通常与函数结合使用,函数不会在事件发生前被执行! 不同浏览器event 对象不同 可利用 "|| " 操作符来实现兼容 比如: div.onmousedown= function (event) { var event= event || window.event; } 不同的浏览器 ,获取鼠标在页面中x,y轴位置 body.onm…