html 用event.keycode控制只能输入小写字母,HTML KeyboardEvent keyCode用法及代码示例

KeyboardEvent keyCode属性用于返回已用于触发onkeypress事件的键的Unicode字符代码。 KeyboardEvent keyCode属性还用于返回已触发onkeydown或onkeyup事件的键的Unicode字符代码。键代码代表键盘上的实际键,而字符代码代表ASCII字符。大写和小写字符具有不同的代码。

用法

event.keyCode

以下示例程序旨在说明KeyboardEvent keyCode属性:

示例1:获取按下的键盘键的Unicode值。

KeyboardEvent keyCode Property in HTML

div {

border:3px solid green;

height:100px;

width:500px;

}

h1 {

color:green;

}

h2 {

font-family:Impact;

}

body {

text-align:center;

}

GeeksforGeeks

KeyboardEvent keyCode Property

To return the keycode of a key,

insert some character in the field.

size="20"

οnkeypress="keyboard(event)">

function keyboard(event) {

//  Return key code.

var k = event.which || event.keyCode;

document.getElementById("test").innerHTML =

"The keycode value of the pressed key is:" + k;

}

输出:

按下按钮之前:

5e5c11578e5baf9e034b840f748a5db6.png

按下按钮后:

25124f11455ae370c694382224f490bd.png

支持的浏览器:

Opera

IE浏览器

谷歌浏览器

Firefox

苹果Safari

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值