您的位置：首页 > Web前端 > JavaScript

JS回车处理代码示例

2017-03-21 11:26 176 查看

支持浏览器：Google Chrome、Internet
Explorer、Firefox、Safari

主要在于文本输入控件绑定按键按下事件onkeydown，然后在处理函数中进行按键判断并做相应的处理。

<html>
<head>
<title>回车键测试</title>
<meta http-equiv='Content-Type'content='text/html; charset=utf-8'/>

<script>
//判断回车键是否被按下
function isEnterKeyPress(e)
{
//获取按键值，并兼容各大浏览器
var keynum = window.event ? e.keyCode : e.which;
if(keynum == 13){
return true;
} else {
return false;
}
}

// 如果回车键按下立即搜索
function onKeyDown(obj, e) {
if (isEnterKeyPress(e)) {
var tmpObj = obj.parentNode.getElementsByTagName("button")[0];
btnClick(tmpObj);
}
}

function btnClick(obj) {
var value = obj.parentNode.getElementsByTagName("input")[0].value;
alert("您输入的内容："+value);
}
</script>
</head>

<body>
<div>
<label>输入：</label>
<input type="text" onkeydown="onKeyDown(this, event)">
<button onclick="btnClick(this)">确认</button>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航