我想找出在纯Javascript中以跨浏览器兼容的方式按下了什么字符键。
问问题
261872 次
8 回答
178
“清除”JavaScript:
function myKeyPress(e){
var keynum;
if(window.event) { // IE
keynum = e.keyCode;
} else if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
}
<input type="text" onkeypress="return myKeyPress(event)" />
查询:
$("input").keypress(function(event){
alert(String.fromCharCode(event.which));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input/>
于 2009-12-04T12:36:09.680 回答
41
这里有一百万个重复的问题,但无论如何这里又出现了:
document.onkeypress = function(evt) {
evt = evt || window.event;
var charCode = evt.keyCode || evt.which;
var charStr = String.fromCharCode(charCode);
alert(charStr);
};
我见过的关于关键事件的最佳参考是http://unixpapa.com/js/key.html。
于 2009-12-04T12:41:58.923 回答
36
更新和更清洁:使用event.key
. 没有更多的任意数字代码!
注意:旧属性 (
.keyCode
和.which
) 已弃用。
node.addEventListener('keydown', function(event) {
const key = event.key; // "a", "1", "Shift", etc.
});
如果您想确保只输入单个字符,请检查key.length === 1
,或者它是您期望的字符之一。
于 2017-09-05T18:03:26.400 回答
14
尝试:
<table>
<tr>
<td>Key:</td>
<td id="key"></td>
</tr>
<tr>
<td>Key Code:</td>
<td id="keyCode"></td>
</tr>
<tr>
<td>Event Code:</td>
<td id="eventCode"></td>
</tr>
</table>
<script type="text/javascript">
window.addEventListener("keydown", function(e) {
//tested in IE/Chrome/Firefox
document.getElementById("key").innerHTML = e.key;
document.getElementById("keyCode").innerHTML = e.keyCode;
document.getElementById("eventCode").innerHTML = e.code;
})
</script>
*注意:这适用于“运行代码片段”
这个网站和我上面的代码一样:Keycode.info
于 2018-08-21T19:49:41.010 回答
2
使用这个:
function onKeyPress(evt){
evt = (evt) ? evt : (window.event) ? event : null;
if (evt)
{
var charCode = (evt.charCode) ? evt.charCode :((evt.keyCode) ? evt.keyCode :((evt.which) ? evt.which : 0));
if (charCode == 13)
alert('User pressed Enter');
}
}
于 2009-12-04T12:31:30.110 回答
2
**check this out**
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).keypress(function(e)
{
var keynum;
if(window.event)
{ // IE
keynum = e.keyCode;
}
else if(e.which)
{
// Netscape/Firefox/Opera
keynum = e.which;
}
alert(String.fromCharCode(keynum));
var unicode=e.keyCode? e.keyCode : e.charCode;
alert(unicode);
});
});
</script>
</head>
<body>
<input type="text"></input>
</body>
</html>
于 2014-12-08T12:31:21.037 回答
1
我最喜欢以复杂方式执行此操作的库之一是Mousetrap。
它配备了各种插件,其中一个是record
可以识别按下的按键序列的插件。
例子:
<script>
function recordSequence() {
Mousetrap.record(function(sequence) {
// sequence is an array like ['ctrl+k', 'c']
alert('You pressed: ' + sequence.join(' '));
});
}
</script>
<button onclick="recordSequence()">Record</button>
于 2015-11-13T13:47:30.507 回答
-2
document.onkeypress = function(event){
alert(event.key)
}
于 2018-03-07T19:10:21.687 回答