继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Jquery 获取焦点和失去焦点

ajax快速入门培训基础
关注TA
已关注
手记 284
粉丝 176
获赞 719

//这是一个输入框

<input class="jrzj_twoindex_textinput" id="searchWordHot" name="" onblur="hotBlur();" onfocus="hotFocus();" size="60" type="text" value="" /> <script language="JavaScript" type="text/javascript">


//循环显示四个词

function searchwords(){

var words = ["中国银行","招商银行","金融之家","潜力股","李永山"];

var tag = Math.floor(Math.random()*words.length + 1) - 1;

return words[tag];

         };

 //得到这次需要显示的词

 var sword = searchwords();

 //把这次显示的词赋值给输入框

         $("#searchWordHot").val(sword);


//失去焦点

function hotBlur(){

            //获取用户输入的词

    var oword = $("#searchWordHot").val();

//失去焦点并且用户没有输入则还显示原来的词

if( oword == ""){

                    $("#searchWordHot").val(sword);

}else{

//如果用户输入了词,并且不等于默认的词

                     if(oword!=sword){

 //把用户输入的词放入输入框

    $("#searchWordHot").val(oword);

    }else{

  $("#searchWordHot").val(sword);

}

}


}


function hotFocus(){//获得焦点

//获取用户输入内容

var yword = $("#searchWordHot").val();

//如果用户输入内容不等于默认内容,则输入框还是显示用户输入内容

if(sword!=yword){

$("#searchWordHot").val(yword);

}else{

//如果用户没有输入内容则为空

$("#searchWordHot").val("");

}

}


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP

热门评论

了解了

查看全部评论