关于onkeydown事件的问题

bhbhxy 2010-09-08 08:28:04

比如有一个文本框
<input type="text" onkeydown="click(this)" />

<script>
function click(obj) {
alert(obj.value);
}
</script>

在使用onkeydown事件的时候，第一次输入的值不被显示
只有第二次的才会显示，为什么会这样呢？难道onkeydown
是记录两次键盘被按下才触发的吗？
请问怎么使用onkeydown来实现第一次按下就触发事件
不使用onkeyup或者onkeypress

...全文

400 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

rainsilence 2010-09-08

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">

<title>Insert title here</title>

<script type="text/javascript">



	var isIE = /msie/i.test(navigator.userAgent) && !window.opera;



	window.onload = function() {

		var inputTest = document.getElementById('inputTest');

		if (isIE) {

			inputTest.attachEvent('onpropertychange', valueChangeHandler);

		} else {

			// Firefox下，只有DOM第2级事件才有效，DOM第0级无效

			inputTest.addEventListener('input', function() {

				valueChangeHandler();

			}, false);

		}

	};



	function valueChangeHandler() {

		var inputTest = document.getElementById('inputTest');

		var consoleDiv = document.getElementById('console');

		var messageDiv = document.createElement('div');

		

		messageDiv.innerHTML = inputTest.value;

		consoleDiv.appendChild(messageDiv);

	}



</script>

</head>

<body>

	<input id="inputTest" type="text">

	

	<div id="console"></div>

</body>

</html>

再度狂汗。。。。

bhbhxy 2010-09-08

打赏
举报

[Quote=引用 4 楼 wz_307 的回复:]

也是一样的. 当判断值为空的时候不向后台请求就可以了.

用onkeydown没问题.
[/Quote]
有问题的，我在做类似google suggest的功能，第一个字母出来了，而suggest没出来就不对了

rainsilence 2010-09-08

打赏
举报

onkeydown事件不同的浏览器，效果不一样的。我这里只有第一下是触发的，其他的都不触发，狂汗！！

每次输入值的时候触发，可以用这个

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">

<title>Insert title here</title>

<script type="text/javascript">



	var isIE = /msie/i.test(navigator.userAgent) && !window.opera;



	window.onload = function() {

		var inputTest = document.getElementById('inputTest');

		if (isIE) {

			inputTest.onpropertychange = valueChangeHandler;

		} else {

			if (inputTest.watch) {

				inputTest.watch("value", function(id, oldVal, newVal) {

					valueChangeHandler();

				})

			} else {

				inputTest.oninput = valueChangeHandler;

			}

			

		}

	};



	function valueChangeHandler() {

		var inputTest = document.getElementById('inputTest');

		var consoleDiv = document.getElementById('console');

		var messageDiv = document.createElement('div');

		

		messageDiv.innerHTML = inputTest.value;

		consoleDiv.appendChild(messageDiv);

	}



</script>

</head>

<body>

	<input id="inputTest" type="text">

	

	<div id="console"></div>

</body>

</html>

jol_boy 2010-09-08

打赏
举报

键盘down下去的时候，值还没有进入文本框，所以取不到值。你可以直接获取键盘按了什么键，来获得按键值
function clickDown(obj,evt) {
alert("文本框值："+obj.value);
evt = (evt) ? evt : window.event
alert("keyCode:"+evt.keyCode);
alert("keyCode对应的字符:"+String.fromCharCode(evt.keyCode+32));
}

以click作为函数名，很奇怪，我机器不认为是个函数~~不知道楼主怎么运行的

hoojo 2010-09-08

打赏
举报

[Quote=引用 3 楼 bhbhxy 的回复:]

请问二楼知道百度的搜索引擎是用的什么事件吗？脚本都是动态生成的，页面看不到
[/Quote]

keydown获得值是前一次输入的值，是键盘按下的时候触发。只有键盘松开的时候

才能获取当前输入的值，建议用keyup、keypress； lz就不要纠结在这个问题上了

而且ls解释都比较好

wz_307 2010-09-08

打赏
举报

也是一样的. 当判断值为空的时候不向后台请求就可以了.

用onkeydown没问题.

bhbhxy 2010-09-08

打赏
举报

请问二楼知道百度的搜索引擎是用的什么事件吗？脚本都是动态生成的，页面看不到

思無芷盡 2010-09-08

打赏
举报

就好比说你扇别人耳光，你刚起手要扇别人，如果这时能够场景定格的话，你问别人疼还是不疼。肯定不疼啊，因为是还没扇到别人的脸。呵呵

思無芷盡 2010-09-08

打赏
举报

onkeydown 是键盘按键按下时触发，按键按下时，系统硬件还没响应按键的输入返回。所以第一次就没有看到输入值。
LZ不妨试试onkeyup就不存在这个问题，onkeyup是按键弹起时触发的。这时按键输入系统已经返回。

主要介绍了 Android onKeyDown监听返回键无效的解决办法的相关资料,需要的朋友可以参考下

onkeypress和onkeydown以及onkeyup的区别onkeypress和onkeydown以及onkeyup的区别onkeypress和onkeydown以及onkeyup的区别

登陆页面需要扑捉用户按下回车自动提交的需求: 在body里添加onkeydown事件跳javascript在提交表单。查找文档如下 onkeydown 事件会在用户按下一个键盘按键时发生。语法：onkeydown=”SomeJavaScriptCode” 支持该事件的html标签; 代码如下: , ,

, <area>, , , , , <body>, <button>, , , , , , , , , <em

JavaScript onkeydown 事件用户按下一个键盘按键时会触发 onkeydown 事件。与 onkeypress 事件不同的是，onkeydown 事件是响应任意键按下的处理（包括功能键），onkeypress 事件只响应字符键按下后的处理。提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等浏览器使用 event.which。 onkeydown 获取用户按下的键下面是一个利用 onkeydown 事件获取用户按下键盘按键信息的例子：代码如下: <html

用户界面之重写onKeyDown方法源码.zip

JavaScript 87,997 社区成员 224,709 社区内容发帖与我相关我的任务 JavaScript Web 开发 JavaScript 复制链接扫一扫分享确定社区描述 Web 开发 JavaScript 社区管理员加入社区获取链接或二维码近7日近30日至今加载中查看更多榜单社区公告暂无公告试试用AI创作助手写篇文章吧 + 用AI写文章