javascript中的altKey 和 Event属性大全


Posted in Javascript onNovember 06, 2015

下面给大家介绍javascript中altkey属性,具体介绍如下所示:

altKey属性的定义和用法:

此属性返回一个布尔值。指示在指定的事件发生时,Alt键是否被按下并保持住了。

语法结构:

event.altKey=true|false|1|0

浏览器支持:

1.IE浏览器支持此属性。

2.火狐浏览器支持此属性。

3.Opera浏览器支持此属性。

4.谷歌浏览器支持此属性。

实例代码:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" /> 
<title>javascript的altKey事件属性-蚂蚁部落</title>
<style type="text/css">
div{
 width:200px;
 height:100px;
 background-color:#639;
 margin:0px auto;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var mydiv=document.getElementById("mydiv");
 mydiv.onmousedown=function (event){
  if(event.altKey==1){
   alert("ALT键已经被按下");
  }
  else{
   alert("ALT键没有被按下");
  }
 }
}
</script>
</head>
<body>
 <div id="mydiv"></div>
</body>
</html>

以上代码中,当点击指定的div时候,可以弹出ALT键是否已经被按下。

Javascript中Event属性大全

属性

altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX,
screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y

1.altKey 描述: 检查alt键的状态。

语法: event.altKey

可能的值: 当alt键按下时,值为 TRUE ,否则为 FALSE 。只读。

2.button 描述: 检查按下的鼠标键。

语法: event.button

可能的值: 0 没按键 1 按左键 2 按右键 3 按左右键 4 按中间键 5 按左键和中间键 6 按右键和中间键 7 按所有的键
这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件,不管鼠标状态如何,都返回 0(比如onclick)。

3.cancelBubble 描述: 检测是否接受上层元素的事件的控制。

语法: event.cancelBubble[ = cancelBubble]

可能的值: 这是一个可读写的布尔值:

TRUE 不被上层原素的事件控制。 FALSE 允许被上层元素的事件控制。这是默认值。

例子: 下面的代码片断演示了当在图片上点击(onclick)时,如果同时shift键也被按下,就取消上层元素(body)上的事件onclick所引发的showSrc()函数。

<SCRIPT type="text/javascript"> 
function checkCancel() ...{ 
if (window.event.shiftKey) 
window.event.cancelBubble = true; 
} 
function showSrc() ...{ 
if (window.event.srcElement.tagName == "IMG") 
alert(window.event.srcElement.src); 
} 
</SCRIPT> 
<BODY onclick="showSrc()"> 
<IMG onclick="checkCancel()" src="/sample.gif">

4.clientX 描述: 返回鼠标在窗口客户区域中的X坐标。

语法: event.clientX

注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

5.clientY 描述: 返回鼠标在窗口客户区域中的Y坐标。

语法: event.clientY
注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

6.ctrlKey 描述: 检查ctrl键的状态。

语法: event.ctrlKey

可能的值: 当ctrl键按下时,值为 TRUE ,否则为 FALSE 。只读。

7.fromElement 描述: 检测 onmouseover 和 onmouseout 事件发生时,鼠标所离开的元素。

参考:18.toElement

语法: event.fromElement

注释: 这是个只读属性。

8.keyCode 描述: 检测键盘事件相对应的内码。

这个属性用于 onkeydown, onkeyup, 和 onkeypress 事件。

语法: event.keyCode[ = keyCode]

可能的值: 这是个可读写的值,可以是任何一个Unicode键盘内码。如果没有引发键盘事件,则该值为 0 。

9.offsetX 描述: 检查相对于触发事件的对象,鼠标位置的水平坐标

语法: event.offsetX

10.offsetY 描述: 检查相对于触发事件的对象,鼠标位置的垂直坐标

语法: event.offsetY

11.propertyName 描述: 设置或返回元素的变化了的属性的名称。

语法: event.propertyName [ = sProperty ]

可能的值: sProperty 是一个字符串,指定或返回触发事件的元素在事件中变化了的属性的名称。 这个属性是可读写的。无默认值。

注释: 你可以通过使用 onpropertychange 事件,得到 propertyName 的值。

12.returnValue 描述: 设置或检查从事件中返回的值

语法: event.returnValue[ = Boolean]

可能的值: true 事件中的值被返回 false 源对象上事件的默认操作被取消
例子见本文的开头。

13.screenX 描述: 检测鼠标相对于用户屏幕的水平位置

语法: event.screenX

注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

14.screenY 描述: 检测鼠标相对于用户屏幕的垂直位置

语法: event.screenY

注释: 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

15.shiftKey 描述: 检查shift键的状态。

语法: event.shiftKey
可能的值: 当shift键按下时,值为 TRUE ,否则为 FALSE 。只读。

16.srcElement 描述: 返回触发事件的元素。只读。例子见本文开头。

语法: event.srcElement

17.srcFilter 描述: 返回触发 onfilterchange 事件的滤镜。只读。

语法: event.srcFilter

18.toElement 描述: 检测 onmouseover 和 onmouseout 事件发生时,鼠标所进入的元素。

参考:7.fromElement

语法: event.toElement
注释: 这是个只读属性。

19.type 描述: 返回事件名。

语法: event.type
注释: 返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click 只读。

20. x 描述: 返回鼠标相对于css属性中有position属性的上级元素的x轴坐标。如果没有css属性中有position属性的上级元素,默认

以BODY元素作为参考对象。

语法: event.x

注释: 如果事件触发后,鼠标移出窗口外,则返回的值为 -1 这是个只读属性。

这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

21. y 描述: 返回鼠标相对于css属性中有position属性的上级元素的y轴坐标。

如果没有css属性中有position属性的上级元素,默认以BODY元素作为参考对象。

语法: event.y

注释: 如果事件触发后,鼠标移出窗口外,则返回的值为 -1 这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。

Javascript 相关文章推荐
分享别人写的一个小型js框架
Aug 13 Javascript
JS之小练习代码
Oct 12 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
PHP中使用微秒计算脚本执行时间例子
Nov 19 Javascript
javascript实现表格排序 编辑 拖拽 缩放
Jan 02 Javascript
同步文本框内容JS代码实现
Aug 04 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
Jul 03 Javascript
js实现无缝轮播图特效
May 09 Javascript
jQuery实现动态操作table行
Nov 23 jQuery
JS日期加减,日期运算代码
Nov 05 #Javascript
程序员必知35个jQuery 代码片段
Nov 05 #Javascript
js如何实现淡入淡出效果
Nov 18 #Javascript
JavaScript数组去重的五种方法
Nov 05 #Javascript
javascript实现tab切换的两个实例
Nov 05 #Javascript
Javascript中的return作用及javascript return关键字用法详解
Nov 05 #Javascript
js实现选中页面文字将其分享到新浪微博
Nov 05 #Javascript
You might like
动漫定律:眯眯眼都是怪物!这些角色狠话不多~
2020/03/03 日漫
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
浅谈js中对象的使用
2016/08/11 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
Node.js获取前端ajax提交的request信息
2017/02/20 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
微信小程序修改swiper默认指示器样式的实例代码
2018/07/18 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
python和C语言混合编程实例
2014/06/04 Python
python 3.5实现检测路由器流量并写入txt的方法实例
2017/12/17 Python
在win64上使用bypy进行百度网盘文件上传功能
2020/01/02 Python
Python面向对象编程基础实例分析
2020/01/17 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
python中zip()函数遍历多个列表方法
2021/02/18 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
蒂芙尼澳大利亚官方网站:Tiffany&Co. Australia
2017/08/27 全球购物
创立科技Java面试题
2015/11/29 面试题
关于迟到的检讨书
2014/01/26 职场文书
手术室护士长竞聘书
2014/03/31 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
班级文化建设标语
2014/06/23 职场文书
班级心理活动总结
2014/07/04 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
劳资员岗位职责
2015/02/13 职场文书
入党积极分子个人总结
2015/03/02 职场文书
javascript之Object.assign()的痛点分析
2022/03/03 Javascript
Java中的随机数Random
2022/03/17 Java/Android