JavaScript ,事件学习笔记

news2024/9/21 2:34:02

JavaScript ,事件学习笔记

  回顾

JavaScript ,事件学习笔记

  事件对象里包含三个方面的信息····回看上一篇内容!

  事件对象里的属性和方法,主要是鼠标和键盘的信息。

  1. 获取事件类型

  事件对象属性type

  2. 获取按键代码

  事件对象属性keyCode:回车为13,空格为32,后退键为8

  3. 检测Shift、Alt、Ctrl键

  事件对象属性是否被按下:shiftKey、altKey、ctrlKey

  4. 获取客户端坐标

  事件对象属性clientX和clientY

  5. 获取屏幕坐标

  事件对象属性screenX和screenY

  事件的类型

  根据触发事件的事物和事件发生的对象,可将浏览器中发生的事件分为几个类型:

  一、 鼠标事件

  每个鼠标事件都会给以下event对象的属性填入值:

  1.坐标属性(如clientX 和 client 等)

  2.Type属性

  3.Targer(DOM)或serElement(IE)属性(目标对象属性)

  4.shiftKey、ctrlKey、altKey和metaKey(DOM)属性

  5.button属性(只在mouse事件中)

  (oEvent.target || oEvent.srcElement).id逻辑符或操作符作用于两个对象时,第一个对象非空,返回第一个对象,否则返回第二个对象,这里表示的'是引起事件的元素的ID。

  二、 键盘事件

  Keydown --- 在键盘上按下某按键时发生。一直按着某键,它则会不断触发。

  Keypress --- 按下一个按键,并产生一个字符时产生(也就是不管类似Shit ctrl alt之类的键。)一直按键时,它会持续发生。

  Keyup --- 释放按着的按键时发生

  1. 事件的属性

  对每个键盘事件,会填入以下的事件属性:

  keyCode属性(键位的ASC码值)

  charCode属性(仅DOM)

  target(DOM)与srcElement(IE)属性

  shiftKey、ctrlKey、altKey和metaKey(DOM)属性

  2.顺序

  当用户按一次某字符按键时,会按以下顺序发生事件:

  (1)、keydown;

  (2)、keypress;

  (3)、keyup;

  如果用户按一次某非字符按键(例如shift),会按以下顺序发生事件:

  (1)、keydown;

  (2)、keyup;

  三、 HTML事件

  onload、unload、resize、scroll等事件。

  四、 突变事件

  文档或元素元素的子树的添加删除节点,目前还没有任何主流浏览器实现了它。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://mw.xjx100.cn/news/1573199.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

javascript工厂方式的使用

javascript工厂方式的使用一、 工厂方式  自己的理解:要创建很多个对象的实例,这些实例有相同的属性,但是有不同的属性值。这个时候就需要创个工厂函数(factory function)。  工厂函数(factory function):创建并返回特定类型的对象。  工厂函数中如果一个属性是方…

Javascript垃圾收集机制介绍

Javascript垃圾收集机制介绍经常使用 Javascript 的人会琢磨其垃圾收集机制,Javascript 并不像 C,C++ 那样需要开发者手动去清除垃圾,在编写 Javascript 程序是,开发者无需关心内存使用问题,所需内存分配以及无用内存(垃圾)的回收完全实现了自动管理。究其根源,主要是程…

JavaScript知识点总结之this关键字

JavaScript知识点总结之this关键字this是Javascript语言的一个关键字。随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。JavaScript中的this指针是一个动态的变量,一个方法内的this指针并不是始终指向定义该方法的对…

javascript学习中的常见问题总结

javascript学习中的常见问题总结1、JS中方法和变量都是区分大小写的  2、单引号、双引号  在JS中没有特殊的区别,都可以用来创建字符串。但作为一般性规则,大多数开发人员喜欢用单引号而不是双引号,但是XHTML规范要求所有属性值都必须使用双引号括起来。这样在JS中使用单…

程序员学习JavaScript的7个理由

程序员学习JavaScript的7个理由最近在和招聘经理交流现在找一个好的程序员有多难的时候,我渐渐意识到了现在编程语言越来越倾重于JavaScript。Web开发人员尤其如此。所以,如果你是一个程序员,那么你应该去学习JavaScript。  需求  我之所以这样说的主要原因是,随着Java…

JavaScript数据类型学习

JavaScript数据类型学习ECMAscript 中有5种简单的数据类型,也被称为基本数据类型:Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型——Object。  Undefined 类型  在使用var 声明变量但未对其进行初始化时,这个变量的值就是undefined。如:  var n…

数据类型的Javascript学习笔记

关于数据类型的Javascript学习笔记代码类型只有一种形式就是function。  undefined:未定义,我们也可称之为不存在,typeof(undefined)=undefined.  null:为空。undefined是不存在,而null是存在,但却无。typeof(null)=object,但null又不是object,这就是null的神奇而独特…

JavaScript学习历程和心得

JavaScript学习历程和心得范文(精选10篇)当我们积累了新的体会时,就很有必要写一篇心得体会,这样可以不断更新自己的想法。那么问题来了,应该如何写心得体会呢?下面是小编整理的JavaScript学习历程和心得范文(精选10篇),希望对大家有所帮助。  JavaScript学习历程和…

JavaScript 小型打飞机游戏实现和原理说明

JavaScript 小型打飞机游戏实现和原理说明JavaScript 小型打飞机游戏实现和原理说明  玩法说明:上下左右控制移动,空格发弹。 每打中一个敌机就加100分,每提升5000分,玩家的飞机的一次发弹数就加一,最多四,被敌机撞到或者让敌机飞到底部就算输。。。。  演示代码:htt…

javaScript工厂方式原始的方式

javaScript工厂方式原始的方式因为对象的属性可以在对象创建后动态定义,这在 JavaScript 最初引入时都会编写类似下面的代码  复制代码 代码如下:  var oCar = new Object;  oCar.color = "blue";  oCar.doors = 4;  oCar.mpg = 25;  oCar.showColor = …

学习javascript的最佳方法

学习javascript的最佳方法任务0:了解什么是JavaScript  在你真正开始学习JavaScript 之前,花一分钟了解一下什么是JavaScript,它有哪些功能。 JavaScript不是jQuery、Flash或Java。与它们不同,它是一种独立的编程语言。 JavaScript 是浏览器语言(尽管现在不完全是)。主要…

javascript的基础知识

关于javascript的基础知识元字符  ^ $ . * + ? = ! : | / ( ) [ ] { }  在使用这些符号时需要用“”来进行转移。  如果记不清楚那些标点符号需要转移,可以在使用标点符号时都使用反斜杠“”  简单匹配  1、直接量 /javascript/ 匹配带有“javascript”的字符串 比…

JavaScript内置对象学习笔记

JavaScript内置对象学习笔记JS Window  窗口对象:http://www.w3school.com.cn/js/js_window.asp  所有浏览器都支持window对象。它表示浏览器窗口。  所有 JavaScript 全局对象、函数以及变量均自动成为window对象的成员。  窗口对象的属性和方法格式:  [window.]属…

javascript学习笔记--数组和对象

javascript学习笔记--数组和对象javascript对象部分  一:基础部分  1.JavaScript 中所有变量都是对象,除了两个例外 null 和 undefined。  2.Jscript 支持四种类型的对象:内部对象、生成的对象、宿主给出的对象(所有BOM和DOM对象都是宿主对象。)以及 ActiveX 对象(…

回顾JavaScript基础知识小结

回顾JavaScript基础知识小结说Jquery之前,先来学习一下Javascript(以后简称为JS)语言中的基础知识问题,其时对于每种编程语言来说基础知识都是大同小异的,对变量,函数,条件语句块,循环语句块等等,而对于每种语言在写法上到是显得各有不同,如JS里在定义变量时,你要用…

javascript学习笔记

关于javascript学习笔记1.函数内部属性 arguments  arguments用来保存函数的参数,arguments.callee指向拥有arguments对象的函数  复制代码 代码如下:  //阶乘  function factorial(num) {  if (num <= 1) {  return 1;  } else {  return num*arguments.ca…

JavaScript 基础知识问答二

JavaScript 基础知识问答二JavaScript 基础知识问答二  4. JavaScript的局限性(JavaScript Lminitations)  Q:JavaScript程序不能做什么?  A:JavaScript代码不能做下列事情:  不能使用用户系统上或者客户端局域网中的打印机或者其他设备。  (解决方法,见打印…

JavaScript弹窗基础教程

JavaScript弹窗基础教程confirm()意既确认框  confirm  prompt意既消息提示框  confirm  window.open(uri,name,attr)  confirmclick me  window.close()关闭窗口  以上所述是小编给大家介绍的JavaScript弹窗基础篇的相关内容,希望对大家有所帮助!

浅谈如何深入学习Javascript中的this关键字

浅谈如何深入学习Javascript中的this关键字理解this  this是一个与执行上下文(execution context,也就是作用域)相关的特殊对象。因此,它可以叫作上下文对象(也就是用来指明执行上下文是在哪个上下 文中被触发的对象)。  任何对象都可以做为上下文中的this的值。在一些对E…

蜀道难的教案设计

蜀道难的教案设计  【蜀道难教案设计一】  一、教学目标  (一)知识与能力  1.进一步了解作者的生平及其诗歌创作特色。  2.要参照课文注释,大体读懂诗意。  3.把握诗歌情感基调,走进诗歌神奇的艺术世界。  4.运用诵读技巧,朗诵诗歌。  (二)过程与方法  1.…
最新文章