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


Posted in Javascript onApril 16, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
手机端转换rem适应
Apr 01 Javascript
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
浅谈vue的踩坑路
Aug 31 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
JavaScript实现滑块验证解锁
Jan 07 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 #Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 #Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 #Javascript
javascript中call apply 的应用场景
Apr 16 #Javascript
javascript三元运算符用法实例
Apr 16 #Javascript
jQuery on()方法使用技巧详解
Apr 16 #Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 #Javascript
You might like
关于Intype一些小问题的解决办法
2008/03/28 PHP
解析php入库和出库
2013/06/25 PHP
php curl发送请求实例方法
2019/08/01 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
FireFox JavaScript全局Event对象
2009/06/14 Javascript
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
跟我学习javascript的基本类型和引用类型
2015/11/16 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
Javascript之深入浅出prototype
2017/02/06 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
webpack打包多页面的方法
2018/11/30 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
[18:20]DOTA2 HEROS教学视频教你分分钟做大人-昆卡
2014/06/11 DOTA
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
Python检测网站链接是否已存在
2016/04/07 Python
Python图算法实例分析
2016/08/13 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
对Python实现简单的API接口实例讲解
2018/12/10 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
使用Python在Windows下获取USB PID&amp;VID的方法
2019/07/02 Python
Python绘图之柱形图绘制详解
2020/07/28 Python
恶意软件的定义
2014/11/12 面试题
机械系大学毕业生推荐信
2013/11/27 职场文书
公益活动邀请函
2014/02/05 职场文书
教师节演讲稿
2014/05/06 职场文书
鼓舞士气的口号
2014/06/16 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
2015年工程部工作总结
2015/04/30 职场文书
七年级作文之秋游
2019/10/21 职场文书
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python