■知识点
键盘事件定义了很多属性,如表所示。利用这些属性可以精确控制键盘操作。般只在键盘相关事件发生时才会存在于事件对象中,但是ctrlKey和shiftKey属性除外,鼠标事件中存在。例如,当按下Ctrl或Shift键时单击鼠标的操作。
属 性 | 说 明 |
keyCode | 该属性包含键盘中对应键位的键值 |
charCode | 该属性包含键盘中对应键位的Unicode编码,仅DOM支持 |
target | 发生事件的节点(包含元素),仅DOM支持 |
srcElement | 发生事件的元素,仅IE支持 |
shiftKey | 是否按下SWft键,如果按下返回true,否则为false |
ctrlKey | 是否按下Ctrl键,如果按下返回true,否则为false |
altKey | 是否按下Alt键,如果按下返回true,否则为false |
metaKey | 是否按下Meta键,如果按下返回true,否则为false,仅DOM支持 |
■实例设计
本例设计监测Ctrl和Shift键是否被同时按下。如果同时按下,且鼠标单击某个页面元素,则会把该元素从页面中删除。
document.onclick = function(e){
var e = e || window.event; //标准化事件对象
var t = e.target || e.srcElement; //获取发生事件的元素,兼容IE和DOM
if(e.ctrlKey && e.shiftKey) //如果同时按下Ctrl和Shift键
t.parentNode.removeChild(t); //移出当前元素
}
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>