只需在input 标签的onmouseover和onfocus事件中加入this.focus()和this.select()代码就可以
<input type="text" name="name" id="name" class="txt" value="姓名" onmouseover="this.focus()" onfocus="this.select()">
如果不希望在input标签中添加事件，实现当鼠标经过时自动选择文本
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Automatic Selecting</title>
<script language="javascript">
//不希望在input标签中添加事件，实现当鼠标经过时自动选择文本
function myFocus(){
this.focus();
}
function mySelect(){
this.select();
}
window.onload = function(){
var oForm = document.forms["myForm1"];
oForm.txtName.onmouseover = myFocus;
oForm.txtName.onfocus = mySelect;
}
</script>
</head>
<body>
<form method="post" name="myForm1">
请输入您的姓名:<input type="text" name="name" id="txtName" value="姓名"><br />
请输入您的密码:<input type="password" name="passwd" id="passwd"><br />
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" />
<input type="reset" name="btnReset" id="btnReset" value="Reset" />
</form>
</body>
</html>
扫一扫
532
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
