我想找出在纯 Javascript 中以跨浏览器兼容的方式按下了什么字符键。
如何找出按下了哪个字符键？
IT技术
javascript
dom-events
keypress
2021-01-10 21:27:36
6个回答
“清除”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/>这个问题在这里有一百万个重复，但无论如何这里再次重复：
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。
更新更干净：使用event.key. 没有更多的任意数字代码！
注意：旧属性（
.keyCode和.which）已弃用。
node.addEventListener('keydown', function(event) {
const key = event.key; // "a", "1", "Shift", etc.
});
如果您想确保只输入单个字符，请检查key.length === 1，或者它是您期望的字符之一。
尝试：
<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
使用这个：
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');
}
}
其它你可能感兴趣的问题