altKey,ctrlKey,shiftKey

<1>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">

    </script>
</head>
<body>

<!--altKey属性,bool类型,表示发生事件的时候alt键是否被按下-->
<!--ctrlKey属性,bool类型,表示发生事件的时候ctrl键是否被按下-->
<!--shiftKey属性,bool类型,表示发生事件的时候shift键是否被按下-->

<input type="button" value="ctrl点击" onclick="if(window.event.ctrlKey==true){alert('按下了ctrl键')} else{alert('普通点击')}" />

<input type="button" value="alt点击" onclick="if(window.event.altKey==true){alert('按下了alt键')} else{alert('普通点击')}" />

<input type="button" value="shift点击" onclick="if(window.event.shiftKey==true){alert('按下了shift键')} else{alert('普通点击')}" />
</body>
</html>

altKey,ctrlKey,shiftKey,布布扣,bubuko.com

时间: 2024-08-18 11:35:48

altKey,ctrlKey,shiftKey的相关文章

JavaScript 客户端JavaScript之事件(DOM API 提供模块之一)

具有交互性的JavaScript程序使用的是事件驱动的程序设计模型. 目前使用的有3种完全不同的不兼容的事件处理模型. 1.原始事件模型 (一种简单的事件处理模式) 一般把它看作0级DOM API的一部分内容,所有启用了JavaScript的浏览器都支持它,因此它具有可移植性. 2.标准事件模型 (一种强大的具有完整性的事件模型) 2级DOM标准对它进行了标准化,除IE以外的所有浏览器都支持它. 3.IE事件模型 想用高级事件处理特性的JavaScript程序设计者必须为IE浏览器编写特定的代码

译:DOM2中的高级事件处理(转)

17.2. DOM2中的高级事件处理(Advanced Event Handling with DOM Level 2)        译自:JavaScript: The Definitive Guide, 5th Edition ----By David Flanagan         迄今为止,在本章中出现的事件处理技术都是DOM0级的一部分,所有支持JavaScript的浏览器都支持DOM0的API.DOM2定义了高级的事件处理API,和DOM0的API相比,有着令人瞩目的不同(而且功

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:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的

事件, 事件流, 事件委托

事件 : 一. 事件驱动程序的(三要素):          1. 事件 : javascript捕获用户的操作或是页面中的行为(如 : onclick, onmouseover, keydown等等)               2. 事件源 : 触发这个事件的元素(如 : 一个按钮, 一个按键等等) 3. 事件处理程序 : 为该事件被触发时所执行的程序,也称为"事件句柄"和"事件监听器" 二. 绑定事件(有兼容性问题) 1. 在 IE 中,给一个对象的同一事件添

Javascript技术之详尽解析event对象

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

事件处理程序模型

事件处理程序模型 Javascript与HTML之间的交互式通过事件实现的:它最早提出和使用事件视为分担服务器运算负载的.一般来讲,就是文档或者浏览器中发生的一些特定的交互瞬间.我们一般使用时间处理程序来预定事件,这种方式来源于软件工程中的观察者模式:从而实现了页面行为(js脚本)与页面展示之间的松散耦合. 下面说一声常见的几种事件处理程序: (1)HTML事件处理程序-嵌入式注册模型 该操作通过指定onclick 特性并将一些 JS 代码作为它的值来进行定义. 需要注意的地方就是 HTML事件

Javascript快速入门(上篇)

Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能.与1995年,由Netscape公司的Brendan Eich设计实现,其相关标准为ECMAScript,当前的版本为ECMAScript 2016. 其组成

移动端常用知识点

对移动端的开发也不是非常了解,只是做过一些手机端项目,小编今天在这里整理一些常用的移 动开发知识点,有兴趣的朋友也可以了解一下,当然,如果有所补充,也可发email给小编哦- -- 1.viewport :所谓viewport,即除去所有工具栏.状态栏.滚动条等之后用于查看网页的区域,假设现在有一张报纸摆在你面前,但是这张报纸被一本书压住了,所以你只能看到报纸的一部分,这部分的可视区域就是指viewport: 1 <meta name="viewport" content=&qu

Event/window.Event属性和方法

type:事件的类型,如onlick中的click:srcElement/target:事件源,就是发生事件的元素:button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键)clientX/clientY: 事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上角的位置:(在DOM标准中,这两个属性值都不考虑文档的滚动情况,也就是说,无论文档滚动到哪 里,只要