位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 设计快速删除对象

提问人:刘团圆发布时间:2020-11-27

■知识点

键盘事件定义了很多属性,如表所示。利用这些属性可以精确控制键盘操作。般只在键盘相关事件发生时才会存在于事件对象中,但是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);         //移出当前元素

}


继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部