`
DoubleEO
  • 浏览: 158082 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript的一些总结(3)

阅读更多
8.JavaScript中 的事件相应
不必使用标签来定义事件处理函数
可以不在HTML中指定时间处理函数,而是使用JavaScript把一个函数指定为事件处理函数
1.首先找到元素的对象,使用obj = document.getElementById("aa")
2.定义一个函数,把该函数指定为事件处理函数,
 function mousealert(){
          alert("");
      }
obj.onclick = mousealert;

JavaScript中由属性,方法,事件组成对象,许多常用的事件处理函数都是document对象中的属性。

9.JavaScript中使用event对象
要是用event对象,可以把他传递给事件处理程序函数。
<body onKetPress=”getKey(event)”>
		function getKey(e){

火狐和IE,对event的处理方式不同,火狐是直接自动传递的,IE是将最近发生的事件存放在window.event对象中。
所以很多函数的开头,一般都是
function getKey(e){
		if(!e) e=window.event;
		}

它检查了是否已经定义了e,若未定义,它将获取window.event对象,并将其存入e,这样确保任何一个浏览器中都会得到一个有效的event对象。
    以下是IE4.0及更高版本的一些常用event对象属性
1.event.button:按下的鼠标键。对于鼠标左键,属性值为1,对于鼠标右键,属性值为2
2.event.clientX:事件发生位置的x轴坐标(列,以像素为单位)
3.event.clientY:事件发生位置的y轴坐标(行,以像素为单位)
4.event.altkey:该标志表示事件发生时是否按下Alt键
5.event.ctrlkey:该标志表示事件发生时是否按下Ctrl键
6.event.shiftkey:该标志表示事件发生时是否按下Shift键
7.event.keyCode:所按键的键码(用Unicode表示)
8.event.srcElement:元素出现的对象
    以下是Netscape4.0及更高版本的一些常用event对象属性
1.event.modifiers:表示事件发生时按下了哪一个修饰键(Shift,Ctrl,Alt)。该属性是一个整数,表示不同键的2进制的组合
2.event.pageX:事件在网页中x轴坐标
3.event.pageY:事件在网页中y轴坐标
4.event.which:键盘事件键码,或者鼠标事件按下的键
5.event.button:按下的鼠标按键,其原理与IE一样,只是左键的属性值为0,右键为2
6.event.target:元素出现的对象
分享到:
评论

相关推荐

    javascript课程内容总结

    JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型...

    Javascript总结导图

    本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...

    JavaScript学习总结

    本文将围绕“JavaScript学习总结”这一主题,深入探讨其基本概念、语法特性、DOM操作以及与CSS的协同使用。 一、JavaScript基础 JavaScript由Brendan Eich在1995年发明,最初是为了网页交互而设计,现在已经成为...

    JavaScript经验总结

    ### JavaScript经验总结 #### 基础知识与脚本创建 - **创建脚本块**: - 使用 `&lt;script language="JavaScript"&gt;` 来创建一个 JavaScript 的脚本块。 - 示例代码: ```html &lt;script language="JavaScript"&gt; //...

    javascript入门总结

    ### JavaScript入门总结 ...以上是对 JavaScript 入门阶段的一些基本知识点总结,涵盖了输出方法、语法基础、数据类型、事件处理以及字符串处理等方面的内容。对于初学者来说,熟练掌握这些基础知识是非常重要的。

    JavaScript基础知识总结

    3. JavaScript 的用途 - 动态文本:JavaScript 可以将变量文本实时显示在页面上,比如使用 `document.write` 函数。 - 事件响应:通过监听用户的点击、页面加载等事件,JavaScript 可以在这些事件发生时执行相应...

    javaScript学习笔记总结.docx

    3. 跨平台性:JavaScript可以在任何支持它的浏览器上运行,不受操作系统限制。 JavaScript与Java虽然名字相似,但两者是完全不同的语言。Java是一种静态类型的、面向对象的编程语言,而JavaScript则是动态类型的、...

    javascript基础知识总结

    以下是对JavaScript基础知识的总结,主要关注在网页中使用的弹出对话框、函数调用以及带有参数的函数。 1) Alert Box `alert()` 函数用于显示一个包含警告信息的单行对话框,用户只能点击“确定”按钮关闭它。在...

    JavaScript必看全面总结.zip

    3. **对象与原型链**:JavaScript的对象是基于原型的,理解原型、原型链、__proto__与Object.prototype的关系,以及如何通过构造函数和对象字面量创建对象。 4. **数组与字符串方法**:掌握数组的方法如push、pop、...

    javascript知识点总结《一》

    ### JavaScript知识点总结《一》 #### 第一章:初步认识JavaScript ##### 学习目标: - **理解JavaScript的特点** - **学会三种JavaScript的引入方式** ##### JavaScript的特点: 1. **了解特点前:** JavaScript...

    JavaScript中的循环总结(教辅)

    JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环...

    js常用知识总结经典javascript知识总结,经典javascript知识总结

    这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`&lt;script&gt;`标签来插入JavaScript代码。...

    JavaScript语言基础知识总结(10张,神一样的总结!)

    这篇总结涵盖了JavaScript语言的基础知识,帮助初学者快速上手并深入理解这门强大的脚本语言。 首先,我们来看“JavaScript 数据类型”。JavaScript有七种数据类型:Undefined、Null、Boolean、Number、BigInt、...

    JavaScript总结笔记

    ### JavaScript总结笔记 #### JavaScript简介 JavaScript是一种广泛使用的、基于对象和事件驱动的脚本语言。它最初由网景公司(Netscape)的布兰登·艾奇于1995年创建,并逐渐成为现代Web开发的核心技术之一。...

    JavaScript对象创建总结

    javascript对象创建方法总结,通过这些方法的总结,可以对对象有了更深一步的了解,也加深了对对象的巩固认识。

    JavaScript的学习总结

    自己弄得一个总结文档方便初学者快速学习 csdn真恶心

    javascript总结

    在学习完js课程之后,自己手动编写的总结文档,以及平常遇到的小问题的解决办法,通俗易懂,适合正在学习js的同学

    JavaScript编程总结

    在本文中,我们将探讨一些JavaScript编程中的核心知识点。 1. **处理XSLT调用带参数的XSLT模板** 在JavaScript中,我们可以使用ActiveXObject来处理XML和XSLT。在IE浏览器中,可以通过以下代码来加载XML和XSL文件...

    一张图对Javascript总结,用思维导图总结的。

    JavaScript总结,很适合学习基础的东西。上传的是图片格式是,方便大家打开。仅仅一张图,让你了解javascript。

Global site tag (gtag.js) - Google Analytics