jquery文本框事件:监控文本框事件与获取文本框焦点

发布时间:2019-10-10编辑:脚本学堂
本文介绍了jquery文本框事件的二个例子,包括jquery监控文本框事件并作相应处理的方法,jquery操作文本框的技巧,jquery文本框获得焦点等。

一、jquery监控文本框事件并作处理的方法

例子:
 

复制代码 代码示例:
//事情委托
$(document)
 .on('input propertychange', '#query', function(){
  var input = $(this).val();
  show(input);
 });
 var show = function(txt){
  var info = '监听:<b>' + txt + '</b><br /><br />'
  + '相关搜索:<br />' + showTags(txt);
  $('.info').html(info);
 }
 var showTags = function(txt){
  var tag = '';
  if(txt.length){
   for (var i = 0; i < 3; i++) {
    tag += '<span class="tag">'+txt+'相关'+i+'</span>';
   };
  }
  return tag;
}

二、jquery文本框获得焦点

jquery实现文本框获得焦点的方法

例子,jquery中使文本框获得焦点。
由于jquery中获得的对象还是jquery对象,对其使用focus()只是使该对象获得onfocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用dom对象的focus 方法。
 

$("#id")[0].focus();

二个函数间的区别:
 

$("#id").focus();
$("#id")[0].focus();


第一个是增加onFocus()时间,一个是使DOM对象获得焦点。