input获得焦点和失去焦点

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

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

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

$('input').val('')

}

})

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

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

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

}

})

</script>

更多专业前端知识，请上【猿2048】www.mk2048.com

input获得焦点和失去焦点相关推荐

Jquery php 点击td变成input，修改后失去焦点发送数据
html部分 <Td><?php echo $row['bigclassid']?></Td> <td height="25" width ...
vue中监听input框获取焦点，失去焦点的问题
一.背景博主之前在用vue的获取焦点,失去焦点的时候,出现了@blur和@focus无效的情况.当时百思不得其解.今天又在写vue页面的时候,突然@blur和@focus又好用了.emmmm,看来这 ...
去掉chrome、safari input或textarea在得到焦点时出现黄色边框的方法
1.去掉chrome.safari input或textarea在得到焦点时出现黄色边框的方法 input{ outline:0;} 2.去掉chrome.safari textarea右下角可拖动鼠 ...
input失去焦点和获得焦点jquery焦点事件
input失去焦点和获得焦点jquery焦点事件插件, 鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一 ...
获得焦点和失去焦点事件的应用
描述获得焦点和失去焦点事件的应用代码 .info{color:#888888; }.error{color: red; }.right{color: white;background-color: ...
html css输入框获得焦点、失去焦点效果
input输入框获得焦点.失去焦点效果废话shao shuo ! 直接看效果图,好吧! 效果图: code: <!DOCTYPE html> <html> <head& ...
Javascript基础（四）:获得焦点和失去焦点事件
1.获取ID的函数在说获取焦点和失去焦点事件之前,先说说封装获取ID的函数.一般在实际操作中,会经常用到提取某个元素的ID,如果每条都列,想必非常麻烦.一般如果有很多ID需要提取的情况基本都用提取I ...
js离焦事件_jquery 获得焦点和失去焦点事件
前端网站中如果存在一些让用户填写内容的表单元素的话,我们可以使用JQ中获得焦点事件和失去焦点事件,来给用户作出一些提示的内容.今天我们就说一说JQuery下获得焦点和失去焦点的事件的使用方法. jqu ...
html5文本框获取焦点,文本框获得焦点和失去焦点的判断代码
文本框失去焦点事件.获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后, ...
java文本框获得输入焦点_文本框获得焦点和失去焦点的判断代码
文本框失去焦点事件.获得焦点事件 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后, ...

input获得焦点和失去焦点

input获得焦点和失去焦点相关推荐

最新文章

热门文章