«
»

添加延迟，提高输入框选中的准确率

应用场景：

有个输入框，里面是一段文本。但用户点击输入框时，使框内文本选中，方便复制。

脚本：

demo.htm

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<input id="textinput" type="text" value="test test test" />
	<script src="demo.js"></script>
</body>
</html>

demo.js

var el = document.getElementsById("textinput");
textinput.onClick = function(){
	this.select();
}

问题：

很多时候，输入框很快从选中状况闪回非选中状况。

解决：

添加一个延迟，就可以把输入的波动去除了。

demo2.js:

vartextinput = document.getElementsById("textinput");
textinput.onclick = function(){
	setTimeout(function(){
		textinput.select();
	}, 200);
}



This entry was posted on Thursday, July 8th, 2010 at 5:17 pm and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply