10.JavaScript中使用鼠标事件
鼠标事件中的几个函数(他们都属于document对象)
1.onMouseOver:鼠标指针移动到链接上时被调用
2.onMouseOut:鼠标移出对象边缘时被调用
3.onMouseMove:只要鼠标移动,就会触发(浏览器在,默认情况下不支持,需要使用事件捕捉技术)
4.onClick:鼠标按键何时被单击,如果onClick事件处理程序返回false,则链接不会被打开(如果对象是一个链接)
<a href="http://www.aaa.com" onclick="return(window.confirm('Are you sure?'));">Click here</a>
5.onDblClick: 鼠标按键何时被双击
6.onMouseDown:按鼠标按键时
7.onMouseUp:松开鼠标按键时
注意:单击鼠标左键,会发生3个事件,onMouseDown,onMouseUp,onClick。
观察鼠标点击超链接时,触发的对象:
<html>
<head><title>Simple jsp page</title></head>
<body>
<h2><a href="#" id="testlink">Test Link</a></h2>
<form name="form1">
<textarea rows="10" cols="70" name="info"></textarea>
</form>
<script type="text/javascript" language="JavaScript" src="click.js"></script>
</body>
</html>
function mousestatus(e){
if(!e) e=window.event;
btn = e.button;
whichone = (btn<2)?"left":"right";
message=e.type+":"+whichone+"\n";
document.form1.info.value+=message;
}
obj = document.getElementById("testlink");
obj.onmousedown = mousestatus;
obj.onmouseup = mousestatus;
obj.onclick = mousestatus;
obj.ondblclick = mousestatus;
11.JavaScript中使用键盘事件
可以通过event知道用户按下的是哪个键,它会在事件发生时被传递到事件处理函数,其中Firefox中存在event.which中,而IE存在event.keyCode中
如果想处理实际的字符而非键码,可以使用函数转换
如:Key = String.fromCharCode(event.which);
因为两种浏览器支持的不同,所以要写成通用的,可以这样写:
function DisplayKey(e){
if(e.keyCode) keycode =e. keyCode;
else keycode = e.which;
chacater = String.fromCharCode(keycode);
k = document.getElementById(“keys”);
k.innerHTML += chacater;
}
初次看到innerHTML就是在这里,以前做网站的时候,也用过,但是不知道这是什 么意思,现在自己学习,终于又碰上了,innerHTML代表某dom对象中HTML元素从 开始标签 直到 结束标签中的HTML文档。程序中的keys就是dom文档的id,在JSP中, 有类似这样一段代码:
<p id = “keys”></p>
innerHTML就代表p元素所要显示的HTML文档的内容
分享到:
相关推荐
JavaScript 课程内容总结 JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型...
本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...
本文将围绕“JavaScript学习总结”这一主题,深入探讨其基本概念、语法特性、DOM操作以及与CSS的协同使用。 一、JavaScript基础 JavaScript由Brendan Eich在1995年发明,最初是为了网页交互而设计,现在已经成为...
### JavaScript经验总结 #### 基础知识与脚本创建 - **创建脚本块**: - 使用 `<script language="JavaScript">` 来创建一个 JavaScript 的脚本块。 - 示例代码: ```html <script language="JavaScript"> //...
### JavaScript入门总结 ...以上是对 JavaScript 入门阶段的一些基本知识点总结,涵盖了输出方法、语法基础、数据类型、事件处理以及字符串处理等方面的内容。对于初学者来说,熟练掌握这些基础知识是非常重要的。
4. JavaScript 的正式名称与标准 JavaScript 的正式名称是 ECMAScript,源自 ECMA 国际制定的标准 ECMA-262。这个标准基于 Netscape 的 JavaScript 和 Microsoft 的 JScript。自 1996 年以来,JavaScript 已经被...
4. 对象类型:object,包括null。 5. 未定义型:undefined,表示变量未被赋值。 JavaScript是弱类型语言,变量的类型在赋值时确定。通过`typeof`操作符可以检测变量的数据类型。 算术运算符包括加减乘除(`+`、`-`...
以下是对JavaScript基础知识的总结,主要关注在网页中使用的弹出对话框、函数调用以及带有参数的函数。 1) Alert Box `alert()` 函数用于显示一个包含警告信息的单行对话框,用户只能点击“确定”按钮关闭它。在...
这份名为“JavaScript必看全面总结.zip”的压缩包文件包含了一份深入的JavaScript学习笔记,旨在帮助开发者全面掌握这一动态类型的脚本语言。以下是根据标题和描述提炼出的JavaScript关键知识点: 1. **基础语法**...
JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环总结(教辅)JavaScript中的循环...
这篇经典JavaScript知识总结涵盖了从基础语法到高级特性的多个方面,旨在帮助有一定基础的开发者巩固和扩展他们的JavaScript知识。 1. **创建脚本块**:在HTML文件中,使用`<script>`标签来插入JavaScript代码。...
这篇总结涵盖了JavaScript语言的基础知识,帮助初学者快速上手并深入理解这门强大的脚本语言。 首先,我们来看“JavaScript 数据类型”。JavaScript有七种数据类型:Undefined、Null、Boolean、Number、BigInt、...
### JavaScript知识点总结《一》 #### 第一章:初步认识JavaScript ##### 学习目标: - **理解JavaScript的特点** - **学会三种JavaScript的引入方式** ##### JavaScript的特点: 1. **了解特点前:** JavaScript...
### JavaScript总结笔记 #### JavaScript简介 JavaScript是一种广泛使用的、基于对象和事件驱动的脚本语言。它最初由网景公司(Netscape)的布兰登·艾奇于1995年创建,并逐渐成为现代Web开发的核心技术之一。...
javascript对象创建方法总结,通过这些方法的总结,可以对对象有了更深一步的了解,也加深了对对象的巩固认识。
自己弄得一个总结文档方便初学者快速学习 csdn真恶心
在学习完js课程之后,自己手动编写的总结文档,以及平常遇到的小问题的解决办法,通俗易懂,适合正在学习js的同学
在本文中,我们将探讨一些JavaScript编程中的核心知识点。 1. **处理XSLT调用带参数的XSLT模板** 在JavaScript中,我们可以使用ActiveXObject来处理XML和XSLT。在IE浏览器中,可以通过以下代码来加载XML和XSL文件...
4. **DOM操作**:Document Object Model(文档对象模型)是JavaScript操作网页内容的基础。通过DOM,JavaScript可以找到、修改、添加或删除HTML元素,实现对页面内容的动态更新。 5. **事件处理**:JavaScript的...