input获得焦点和失去焦点

Posted IT文艺女

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input获得焦点和失去焦点相关的知识,希望对你有一定的参考价值。

总结placeholder因为在IE7 8 9 浏览器不支持所以没用它
效果:当input获取光标的时候如果是默认提示则input内容为空。如果不是则为输入内容
           当失去光标的时候,如果input内容为空,则恢复默认提示,如果不是则为输入内容
           jquery中获取input的值用val()   设置使用$(‘input‘).val(‘内容‘)而不是$(‘input‘).val()==内容

 

<input type="text" value="今天是个好日子。">

 

<script>

 

$(‘input‘).focus(function(){

 

if($(‘input‘).val()==‘今天是个好日子。‘){

 

$(‘input‘).val(‘‘)

 

}

 

})

 

$(‘input‘).blur(function(){

 

if($(‘input‘).val()==‘‘){

 

$(‘input‘).val(‘今天是个好日子。‘)

 

}

 

})

 

</script>

 

以上是关于input获得焦点和失去焦点的主要内容,如果未能解决你的问题,请参考以下文章

jquery一个div怎么获得焦点和失去焦点

js 无法获得焦点怎么回事?

jquery获取焦点和失去焦点事件代码

input得到焦点和失去焦点的属性

<input>输入框当其值改变如何调用js处理。值是通过其他的方法改变的输入框没有获得焦点然后失去焦点。

前端开发中失去焦点和获取焦点是啥意思