Event altKey,ctrlKey,shiftKey属性解析_Javascript教程-查字典教程网
Event altKey,ctrlKey,shiftKey属性解析
Event altKey,ctrlKey,shiftKey属性解析
发布时间:2016-12-30 来源:查字典编辑
摘要:event.altKey功能:检测事件发生时Alt键是否被按住了。语法:event.altKey取值:true|false说明:altKey...

event.altKey

功能:检测事件发生时Alt键是否被按住了。

语法:event.altKey

取值:true | false

说明:

altKey属性为true表示事件发生时Alt键被按下并保持,为false则Alt键没有按下。

altKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。

event.ctrlKey

功能:检测事件发生时Ctrl键是否被按住了。

语法:event.ctrlKey

取值:true | false

说明:

ctrlKey属性为true表示事件发生时Ctrl键被按下并保持,为false则Ctrl键没有按下。

ctrlKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。

event.shiftKey

功能:检测事件发生时Shift键是否被按住了。

语法:event.shiftKey

取值:true | false

说明:

shiftKey属性为true表示事件发生时Shift键被按下并保持,为false则Shift键没有按下。

shiftKey属性可结合鼠标或键盘使用,多用于制作一些快捷操作方式。

实例1

组合操作示例。

复制代码 代码如下:

<input id="txt1" type="text" value="Hello World!" />

<script type="text/javascript">

function checkAlt(oEvent)

{

if( oEvent.altKey )

document.getElementById("txt1").select();

}

</script>

这段代码的效果为:

如果按住Alt键再单击上面的文本框,可以选中文本框中的文本。

实例2

组合操作示例。

复制代码 代码如下:

<input id="txt2" type="text" value="Hello World!" />

<script type="text/javascript">

function clearText(oEvent)

{

if( oEvent.ctrlKey && oEvent.keyCode==46 )

document.getElementById("txt2").value = "";

}

</script>

这段代码的效果为:

使用"Ctrl+Del"组合键可清除上面的文本框的内容。(必须先使文本框获得焦点。本例只适用于IE浏览器。)

实例3

组合操作示例。

复制代码 代码如下:

<div id="box"></div>

<script type="text/javascript">

var b = true;

function setColor(oEvent)

{

if( oEvent.shiftKey && b )

document.getElementById("box").style.backgroundColor = "blue";

if( oEvent.shiftKey && !b )

document.getElementById("box").style.backgroundColor = "red";

b = !b;

}

</script>

这段代码的效果为:

按住"Shift"键并用鼠标点击上面的色块,可改变色块颜色

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类