placeholder可以同时完成文本框获得焦点和失去焦点。但是设置是必须保证input的value值为空。
html5给表单文本框新增加了几个属性,email,tel,number,time,required,autofocus,placeholder等,这些属性给表单效果带来了极大的效果变化。
jQuery也可以让文本框获得焦点和失去焦点,原理是让表单的val值等于其title值。
由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0].focus()需要注意两个函数之间的区别: $("#id").focus() 和 $("#id")[0].focus()第一个是增加onFocus()时间,一个是使DOM对象获得焦点。
怎样可以在“jquery”让文本框获取焦点时改变背景颜色?
1、先使用jQuery选择器找到所有的文本框
2、为文本框注册获得焦点事件,即focus事件
3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色
4、注册失去焦点事件,即blur事件
5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色<script type="text/javascript"> $(funct $("input:text").focus(function(){ //让当前得到焦点的文本框改变其背景色$(this).css("background","pink")}) //找到文本框,并注册失去焦点事件$("input:text").blur(function()//让当前失去焦点的文本框背景色变为白色$(this).css("background","white") }) })</script>
$(function(){
$(":text").focus(function(){
this.select()
})
})
JQuery文本框获得焦点背景颜色改变:
1.先使用jQuery选择器找到所有的文本框。
2.为文本框注册获得焦点事件,即focus事件。
3.在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。
4.注册失去焦点事件,即blur事件。
5.在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。
<script type="text/javascript">
$(function(){
//找到文本框,并注册得到焦点事件。
$("input:text").focus(function(){
//让当前得到焦点的文本框改变其背景色。
$(this).css("background","pink")
})
//找到文本框,并注册失去焦点事件
$("input:text").blur(function(){
//让当前失去焦点的文本框背景色变为白色。
$(this).css("background","white")
})
})
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)