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 行级解析读取XML文件(附源码)
Oct 12 Javascript
style、 currentStyle、 runtimeStyle区别分析
Aug 01 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
javaScript函数中执行C#代码中的函数方法总结
Aug 07 Javascript
Jquery读取URL参数小例子
Aug 30 Javascript
javascript生成随机数的方法
May 16 Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
自制简易打赏功能的实例
Sep 02 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 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
「OVERLORD」动画重要删减!雅儿贝德的背叛?至尊猎杀队结成
2020/04/09 日漫
在IIS上安装PHP4.0正式版
2006/10/09 PHP
php分页思路以及在ZF中的使用
2012/05/30 PHP
PHP 自定义错误处理函数的使用详解
2013/05/10 PHP
PHP register_shutdown_function函数的深入解析
2013/06/03 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
thinkphp 一个页面使用2次分页的实现方法
2013/07/15 PHP
PHP return语句的另一个作用
2014/07/30 PHP
Laravel日志用法详解
2016/10/09 PHP
Laravel 5.4.36中session没有保存成功问题的解决
2018/02/19 PHP
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
javascript IFrame 强制刷新代码
2009/07/23 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
jQuery学习笔记 更改jQuery对象
2012/09/19 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
2015/03/04 Javascript
九种原生js动画效果
2015/11/11 Javascript
前端弹出对话框 js实现ajax交互
2016/09/09 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
javascript self对象使用详解
2016/10/18 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
详解在 Angular 项目中添加 clean-blog 模板
2017/07/04 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python3射线法判断点是否在多边形内
2019/06/28 Python
Python 通过监听端口实现唯一脚本运行方式
2020/05/05 Python
Python通过format函数格式化显示值
2020/10/17 Python
印度在线购物网站:Paytmmall
2019/07/24 全球购物
亚马逊加拿大网站:Amazon.ca
2020/01/06 全球购物
师范生教师实习自我鉴定
2013/09/27 职场文书
诚信承诺书范文
2014/03/27 职场文书
2015年七七事变78周年纪念活动方案
2015/05/06 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python
Java对文件的读写操作方法
2022/04/29 Java/Android