62,041
社区成员
发帖
与我相关
我的任务
分享|zyciis| 如何让text的onblur事件执行fcous和select事件
<input id="txtUserName" type="text" value="123" onblur="CheckBlur(this)" />
<input type="button" value="Test" onclick="TestBlur();" />
<script type="text/javascript">
function CheckBlur(send) {
if (send.value != "") {
send.focus();
send.select();
}
}
function TestBlur() {
var send = document.getElementById("txtUserName");
CheckBlur(send);
}
</script>
我想在在txtUserName离开的时候判断如果他有值的话就再focus再select
但在他本身不行
但按钮就行
谢谢
...全文
请发表友善的回复…
发表回复
子夜__ 2011-02-26
- 打赏
- 举报
网上说 在FF中
因为在火狐中设置标签焦点的顺序是先失去焦点才能得到焦点，也就是说先document.getElementById('id').blur();之后再document.getElementById('id').focus();
这样的话能获取到
因为在火狐中设置标签焦点的顺序是先失去焦点才能得到焦点，也就是说先document.getElementById('id').blur();之后再document.getElementById('id').focus();
这样的话能获取到
wuyq11 2011-02-26
- 打赏
- 举报
<script type="text/javascript">
<!--
function $(str){return (document.getElementById(str));}
function check_submit(){
if($("text.value")=="") { alert(" 请输入用户名"); return(false);}}
function mover(event){
event = event || window.event;
event.srcElement.focus();
event.srcElement.select();
}
function mclick(event){
event = event || window.event;
if(event.srcElement.value=="[请输入用户名]") {
event.srcElement.value="";
}
}
function mblur(event){
alert(" mblur");
event = event || window.event;
if(event.srcElement.value=="") event.srcElement.value="[请输入用户名]";
}
-->
</script>
<center>
<input id="text" onmouseover="mover(event);" onclick="mclick(event);"
onblur="mblur(event);" value="[请输入用户名]" ><br>
<input type="submit" value="提交">
<!--
function $(str){return (document.getElementById(str));}
function check_submit(){
if($("text.value")=="") { alert(" 请输入用户名"); return(false);}}
function mover(event){
event = event || window.event;
event.srcElement.focus();
event.srcElement.select();
}
function mclick(event){
event = event || window.event;
if(event.srcElement.value=="[请输入用户名]") {
event.srcElement.value="";
}
}
function mblur(event){
alert(" mblur");
event = event || window.event;
if(event.srcElement.value=="") event.srcElement.value="[请输入用户名]";
}
-->
</script>
<center>
<input id="text" onmouseover="mover(event);" onclick="mclick(event);"
onblur="mblur(event);" value="[请输入用户名]" ><br>
<input type="submit" value="提交">
wuyq11 2011-02-26
- 打赏
- 举报
onblur="test(this)"
function test(obj) {
if (obj.value != "") {
obj.focus();
obj.select();
}
}
function test(obj) {
if (obj.value != "") {
obj.focus();
obj.select();
}
}
子夜__ 2011-02-26
- 打赏
- 举报
IE6
子夜__ 2011-02-26
- 打赏
- 举报
你的情况在IE下是正常的
但是在FF下不正常。
但是在FF下不正常。
Jack2013tong 2011-02-26
- 打赏
- 举报
<script type="text/javascript">
function CheckBlur(send) {
if (send.value != "") {
var other = document.getElementById("其它id");
other.focus();
//转一下，再切回来，试试
send.focus();
send.select();
}
}
function TestBlur() {
var send = document.getElementById("txtUserName");
CheckBlur(send);
}
</script>
function CheckBlur(send) {
if (send.value != "") {
var other = document.getElementById("其它id");
other.focus();
//转一下，再切回来，试试
send.focus();
send.select();
}
}
function TestBlur() {
var send = document.getElementById("txtUserName");
CheckBlur(send);
}
</script>
huangwenquan123 2011-02-26
- 打赏
- 举报
又测试了下opera
ie 6 7 8 ff opera都可以！
ie 6 7 8 ff opera都可以！
huangwenquan123 2011-02-26
- 打赏
- 举报
<!--ie ff测试成功-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
</head>
<body>
<input id="txtUserName" type="text" value="123" onblur="CheckBlur(this)" />
<input type="button" value="Test" onclick="TestBlur();" />
<script type="text/javascript">
function CheckBlur(send) {
if (send.value != "") {
window.setTimeout(function(){
send.focus();
send.select();},1)
}
}
function TestBlur() {
var send = document.getElementById("txtUserName");
CheckBlur(send);
}
</script>
</body>
</html>
