js中window.event对象

【js中window.event对象】的更多相关文章

js中window.event对象

event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. <HTML> <HEAD><TITLE>Cancels Links</T…

JS中的event 对象详解

JS中的event 对象详解 JS的event对象 Event属性和方法:1. type:事件的类型,如onlick中的click:2. srcElement/target:事件源,就是发生事件的元素:3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上…

JS中window.document对象

小知识点注:外面双引号,里面的双引号改为单引号: 在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中文本框取出来的值是字符串,需要用parseint()转化为数字 Window.document对象一.找到元素: docunment.getElementById("id"):根据id找,最多找一个: var a =docunment.getElementById("id"…

js中的Event对象

event代表事件的状态,例如触发event对象的元素,鼠标的位置及状态,按下的键等等 event对象只在事件发生的过程中才有效. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function…

火狐和IE的window.event对象详解(转载)

FF的FIREBUG,不仅能测试JS还能检查CSS错误,是一般常用的. 但它主要检查FF方面的错误,对IE就无能为力了. 要测试IE,就用ieTester,它可以测试IE几乎所有版本(1.0恐怕也用不到测试了),用法也很方便. 至于JS对不同浏览器的兼容注意事项,的确很多,下面给你的也只是部分,一般建议还是采用jquery,prototype等一些已经处理好了兼容的脚本库,更重要的是,它们简化了很多操作,还提供了平常你很难实现的增强功能.可以去搜搜这方面的说明文章. JS兼容浏览器FF/IE技巧…

js事件源window.event.srcElement兼容性写法

<html> <body> <p>一个好处就是我想让body(或其他元素内)的某些对象响应事件就不用挨个儿去写只要在外层上写一个然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 </p> <p>比如</p> <p> <input value="input"> <b…

js中的json对象详细介绍

JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合.一个对象以“{”(左括号)开始,“}”(右括号)结束…

关于js中window.location.href,location.href,parent.location.href,top.location.href的使用方法

关于js中"window.location.href"."location.href"."parent.location.href"."top.location.href"的使用方法 "window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.locatio…

vue.js - 奇怪的 event 对象

好久都没有写点东西了, 前段时间工作搞得头大,真的就是一起加班到死了.废话不多说,写这篇文章是因为这次因为 event 对象闹了一个乌龙,以此总结一下. 一.event 对象 (一)事件的 event 对象你说你是搞前端的,那么你肯定就知道事件,知道事件,你就肯定知道 event 对象吧?各种的库.框架多少都有针对 event 对象的处理.比如 jquery,通过它内部进行一定的封装,我们开发的时候,就无需关注 event 对象的部分兼容性问题.最典型的,如果我们要阻止默认事件,在 chrom…

js中如何访问对象和数组

js中如何访问对象和数组一.总结一句话总结:js访问对象点和中括号,访问数组的话就是中括号对象 . [] 数组 [] 1.js访问对象的两种方式? . [] 可以使用下面两种方式访问对象的属性和方法 1.对象名.属性名对象名.方法名() 2.对象名["属性名"] 对象名["方法名"]() 2.js访问数组的方式? [] 用中括号 [] 通过指定数组名以及索引号码,你可以访问某个特定的元素. 下面是代码行: document.write(mycars[0])…

js中两个对象的比较

代码取自于underscore.js 1.8.3的isEqual函数. 做了一些小小的修改,主要是Function的比较修改. 自己也加了一些代码解读. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js中两个对象的比较</title> <script> /* 需求难点描述: 数组和对象,都…

MVC中处理Json和JS中处理Json对象

MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. 方法一 MVC中: public JsonResult Test() { JsonResult json = new JsonResult{ Data = new{ Name = "zzl", Sex = "male&q…

在js中window.open通过“post”传递参数

在js中window.open通过“post”传递参数的步骤如下: 如:在A.jsp中有一个js方法 winow.open,目标地址是 xx.do 1.在A.jsp建一个form,把要设置的值通过js动态添加到里面,如: $("#postForm").append('<input type="hidden" name="query.id" value="12"/>'); 2.设置form的target属性: $(…

网站开发进阶(二十)JS中window.alert()与alert()的区别

JS中window.alert()与alert()的区别前言 alert与window.alert没什么区别,如果有人觉得有区别,那就来解释一下:所有以window.开始的语句,都可以直接把window省略.只是在有些软件中,由于其编译器特性,当你写了window.的时候会自动的出现window的方法,所以如果你记得住完全没必要写window. 比如location.href=window.location.href. 美文美图…

JavaScript -- 时光流逝（五）：js中的 Date 对象的方法

JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/javascript"> document.write('Date()方法:<br/>'); document.write(Date()); // 返回当日的日期和时间. document.write('<br/><br/>'); var d1=new Da…

JavaScript -- 时光流逝（四）：js中的 Math 对象的属性和方法

JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 :返回 2 的自然对数(约等于0.693). (3) LN10 :返回 10 的自然对数(约等于2.302). (4) LOG2E :返回以 2 为底的 e 的对数(约等于 1.443). (5) LOG10E :返回以 10 为底的 e 的对数(约等于0.434). (6) PI :返回圆周率(…

JavaScript -- 时光流逝（三）：js中的 String 对象的方法

JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javascript"> var txt1="Hello world!" document.write(txt1.anchor("mytxt1")) </script> (2) big(): 用大号字体显示字符串. <script type=&qu…

js中给json对象添加属性和json数组添加元素

js中给json对象添加新的属性比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var obj={ "name":“wqc”, "age":22, "number":22 } obj.class=201; 新的属性添加以后,json对象变成: var jsonObj={ "name":“wqc”, "age":…

js中关于Blob对象的介绍与使用

js中关于Blob对象的介绍与使用 blob对象介绍一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码格式的数据. 创建blob对象创建blob对象本质上和创建一个其他对象的方式是一样的,都是使用Blob() 的构造函数来进行创建. 构造函数接受两个参数: 第一个参数为一个数据序列,可以是任意格式的值. 第二个参数是一个包含两个属性的对象{ type:…

js中的DOM对象和 jQuery对象比较

一,二者的区别通过 jQuery 获取的元素是一个数组,数组中包含着原生JS中的DOM对象. 总结:jQuery 就是把 DOM 对象重新包装了一下,让其具有了 jQuery 方法. 二,二者的相互转换 1. DOM 对象转为 jQuery对象: $(js对象); 2.jQuery对象转为 DOM 对象: jquery对象[index]; //方式1(推荐) jquery对象.get(index); //方式2 jQuery对象转换成了 DOM 对象之后,可以直接调用 DOM 提供的一些功…

js中window.onload 与 jquery中$(document.ready()) 測试

js中window.onload 与 jquery中$(document.ready())差别,验证代码例如以下(调换js代码和Jquer代码书写顺序測试.执行结果一样.因此与代码书写位置没关系): <html> <head> <script type='text/javascript' src='jquery-1.11.1.min.js'></script> <script type='text/javascript'> $(document)…

js中的DOM对象和jQuery对象的比较

1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box"></div> <div class="box"></div> <div class="box"></div> 通过原生JS获取这些元素节点的方式是: <script type="text/java…

js事件中的event对象

addEvent(oDiv,"click",function(event){ console.log(event.bubbles+"事件是否冒泡"); console.log(event.cancelable +"是否可以取消默认行为") console.log(event.defaultPrevented+"DOM3新增,是否已经调用了preventDefault()"); console.log(event.target)…

js中（event）事件对象

事件对象 • 什么是事件对象? • 就是当你触发了一个事件以后,对该事件的一些描述信息 • 例如: ° 你触发一个点击事件的时候,你点在哪个位置了,坐标是多少 ° 你触发一个键盘事件的时候,你按的是哪个按钮 • 每一个事件都会有一个对应的对象来描述这些信息,我们就把这个对象叫做事件对象 • 浏览器给了我们一个黑盒子,叫做 window.event ,就是对事件信息的所有描述 • 这个玩意很好用,但是一般来说,好用的东西就会有兼容性问题 ,在 IE低版本里面这个东西好用,但是在高版本IE…

js中Window 对象及其的方法

window.location 对象 window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面.window.location 对象在编写时可不使用 window 这个前缀. location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 (80 或 443) location.protocol 返回所使用的 web 协议(http://…

JS中的事件&对象

一.JS中的事件 (一)JS中的事件分类 1.鼠标事件 click/dblclick/onmouseover/onmouseout 2.HTML事件 onload/onscroll/onsubmit/onchange/onfocus 3.键盘事件 keydown: 键盘按下时触发 keypress:键盘按下并松开的瞬间触发 keyup: 键盘抬起时触发 [注意事项] ① 执行顺序:keydown->keypress->keyup ② 当长按时,会循环执行keydown->k…

JS中的事件(对象，冒泡，委托，绑定)

- 事件,是文档或浏览器窗口中发生的一些特定的交互瞬间,JS与HTML之间的交互是通过事件实现的对于web应用来说,有下面这些代表性事件:点击事件,鼠标移动,按下键盘等等 - 事件,是用户和浏览器之间的交互行为我们可以在事件对应的属性中设置一些js代码,当事件被触发时,这些代码会执行文档的加载: 浏览器在加载一个页面时,是按照自上而下的顺序加载的, 读取到一行就运行一行,在代码执行时,页面还没有加载将js代码编写到页面的下面,确保页面加载完毕以后再执行js代码 window.onload…

js中获取事件对象的方法小结

原文地址:http://jingyan.baidu.com/article/d8072ac4594d6cec95cefdac.html 事件对象的获取很简单,很久前我们就知道IE中事件对象是作为全局对象( window.event )存在的,Firefox中则是做为句柄( handler )的第一个参数传入内的.所以一行代码就可以搞定代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式.…

window.event对象详尽解析

event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. <HTML> <HEAD><TITLE>Cancels Links</T…

JS中的this对象详解

JS中this关键字很常见,但是它似乎变幻莫测,让人抓狂.这篇文章就来揭示其中的奥秘. 借助阮一峰老师的话:它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.这句话看似平常,可是要非常注意三个字:“运行时”,这说明this关键字只与函数的执行环境有关,而与声明环境没有关系.也就是这个this到底代表的是什么对象要等到函数运行时才知道,有点类似函数定义时的参数列表只在函数调用时才传入真正的对象.理解了这一点对后面this关键字规律的掌握有很大帮助. this关键字虽然会根据环境变化,但…