文本框失去焦点事件、获得焦点事件
onblur:当失去输入焦点后产生该事件
onfocus:当输入获得焦点后,产生该文件
onchange:当文字值改变时,产生该事件
onselect:当文字加亮后,产生该文件
onpropertychange 当属性改变发生该事件
无论粘贴 keyup onchange等,最为敏感
先来看javascript的直接写在了input上
复制代码 代码如下:
jquery实现方法
对于元素的焦点事件,我们可以使用jquery的焦点函数focus(),blur()。
focus():得到焦点时使用,和javascript中的onfocus使用方法相同。
如:
复制代码 代码如下:
$(p).focus(); 或$(p).focus(fn)
blur():失去焦点时使用,和onblur一样。
如:
复制代码 代码如下:
$(p).blur(); 或$(p).blur(fn)
实例
复制代码 代码如下:
搜神马? 这里label覆盖在文本框上,可以更好的控制样式
jquery代码
复制代码 代码如下:
$(function() {
$('#searchkey').focus(function() {
$('#lbsearch').text('');
});
$('#searchkey').blur(function() {
var str = $(this).val();
str = $.trim(str);
if(str == '')
$('#lbsearch').text('搜神马?');
});
})
好了相当的不错吧
下面是一个简单的例子:
复制代码 代码如下: