表单中的focus和blur的样式

来源：互联网发布：mysql 删除表中的字段编辑：程序博客网时间：2024/05/18 03:14

<mce:style type="text/css" media="screen"></mce:style><style type="text/css" media="screen" mce_bogus="1">body { font-size:14px; }form { width: 20em; margin: 4em auto; }dt { clear: left; float: left; }dd { clear: right; margin-left: 6em; }input, textarea { width: 12em; border: 1px solid #ccc; }input:focus, textarea:focus { border: 1px solid #f00; background: #ffc; }/* blur和focus样式 */.ie_hover { background: #ffc; }.ie_focus { border: 1px solid #f00; background: #fcc; } </style><mce:script type="text/javascript" src="jquery-latest.pack.js" mce_src="jquery-latest.pack.js"></mce:script><mce:script type="text/javascript"></mce:script></head><body><form><dl><dt>Name: <dt><dd><input type="text" /></dd><dt>Password: <dt><dd><input type="password" /></dd><dt>Textarea: <dt><dd><textarea>

说明：

if ($.browser.msie) 可以用来判断是否使用的是IE浏览器

2.focus方法为当对象获取到焦点的时候所触发的事件

3.blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的