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 相关文章推荐
Node.js的特点和应用场景介绍
Nov 04 Javascript
js判断登录与否并确定跳转页面的方法
Jan 30 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
Angular.Js的自动化测试详解
Dec 09 Javascript
详解Angular-Cli中引用第三方库
May 21 Javascript
通过构造函数实例化对象的方法
Jun 28 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
Sep 17 Javascript
webpack3升级到webpack4遇到问题总结
Sep 30 Javascript
Element DateTimePicker日期时间选择器的使用示例
Jul 27 Javascript
微信小程序实现页面左右滑动
Nov 16 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 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
php下图片文字混合水印与缩略图实现代码
2009/12/11 PHP
PHP导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
如何获知PHP程序占用多少内存(memory_get_usage)
2012/09/23 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
Flash+XML滚动新闻代码 无图片 附源码下载
2007/11/22 Javascript
jQuery 性能优化手册 推荐
2010/02/23 Javascript
js 金额文本框实现代码
2012/02/14 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
jQuery基于当前元素进行下一步的遍历
2014/05/20 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
Vue异步加载about组件
2017/10/31 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
关于TensorFlow新旧版本函数接口变化详解
2020/02/10 Python
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
英语专业学生的自我评价
2013/12/30 职场文书
班级德育工作实施方案
2014/02/21 职场文书
幼儿园大班家长评语
2014/04/17 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
助学贷款贫困证明
2014/09/23 职场文书
2015年度党风廉政建设工作情况汇报
2015/01/02 职场文书
晚会闭幕词
2015/01/28 职场文书
解决Pytorch中关于model.eval的问题
2021/05/22 Python
python基础学习之生成器与文件系统知识总结
2021/05/25 Python