Jquery 获取焦点和失去焦点

发布时间:2020-07-11 11:31:37 作者:liyongshan213
来源:网络 阅读:316

//这是一个输入框

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

}

}


推荐阅读:
  1. python前端jQuery进阶
  2. jquery中获取焦点和失去焦点事件

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

jquery function ue

上一篇:使用linux的xzless命令查看xz压缩文本文件

下一篇:使用linux的who命令打印当前登录用户

相关阅读

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

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