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;

}

时间: 2024-10-10 06:37:15

jQuery监控文本框事件并作相应处理的方法的相关文章

用Jquery控制文本框只能输入数字和字母

只为成功找方法,不为失败找借口! 用Jquery控制文本框只能输入数字和字母 在公司开发WinForm项目时,发现公司自主研发的textbox控件非常强大,可以实现"只能输入数字"."只能输入字母"和"只能输入数字和字母"的三种输入限制,这样就可以精确控制用户输入的内容范围,让"用户永远没有办法输入限定的内容范围之外的其他内容",也就是"用户即使想犯错误也没有机会",这种限制控件输入的方式给了我很大的启发,

js/jquery获取文本框的值与改变文本框的值

我们就用它来学习获取文本框的值及改变文本框的值. 代码如下 复制代码 <script>function get1(){ document.getElementById("txtbox2").value=document.getElementById("txtbox").value; //获取文本框1的值,并赋值给文本框2}</script> <table width="500" border="0"

jquery限制文本框只能输入数字、JQuery 限制文本框只能输入数字和小数点

/*JQuery 限制文本框只能输入数字及小数点 */ <script> $(function(){ /*JQuery 限制文本框只能输入数字*/ $("#id").keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function(){  //CTR+V事件处理 $(this).val($(this).val().replace(/\D|

jquery 限制文本框只能输入数字

1 $("input[name='searchBean.con1']").keyup(function(){ //keyup事件处理 2 $(this).val($(this).val().replace(/\D|^0/g,'')); 3 }).bind("paste",function(){ //CTR+V事件处理 4 $(this).val($(this).val().replace(/\D|^0/g,'')); 5 }).css("ime-mode&

JQuery限制文本框只能输入数字和小数点的方法

<input type="text" class="txt NumText"  Width="100px"  /> $(function(){ /*JQuery 限制文本框只能输入数字*/ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/D|^0/g,'')); }).bind("paste",function

实现文本框高度自适应的两种方法

需求:做一个文本框需要让文本框有一个默认的最小高度,当书写的文字到文本框的最底端的时候可以让文本框自动撑开. 第一种方法通过js来实现的: html部分:<textarea name=""  class="disvertop describe-texa" autoHeight="true"></textarea> cssl部分: .describe-texa{padding:10px; outline: none; res

AngularJS进阶 三 HTML 让表单 文本框只读,不可编辑的方法

HTML:让表单.文本框只读,不可编辑的方法 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: onfocus=this.blur() <input type="text" name="inpu

Jquery实现文本框输入提示

一些用户体验好的表单都会在文本框里设置输入提示,文本框获取焦点时,提示内容消息,如果未输入,失去焦点时又会出现提示. 网上找到一个比较好用的控件jquery.inputDefault.js 使用方法: 1.在jsp页面引用jquery.inputDefault.js <script src="/js/jquery.inputDefault.js" type="text/javascript"></script> 2.需要为控件增加一个自定义属

jquery注册文本框获取焦点清空,失去焦点赋值

在我们开发过程中特别是用户注册时会有一个效果,就是文本框获取焦点清空提示,如果用户没有输入信息失去焦点赋值上我们的提示语 <html> <head> <meta http-equiv="content-type"content="text/html; charset=UTF-8"/> <script src="http://127.0.0.1/jquery.js"></script> &