温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Jquery 获取焦点和失去焦点

发布时间:2020-07-11 11:31:37 阅读:332 作者:liyongshan213 栏目:web开发
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

//这是一个输入框

<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("");

}

}

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×