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 相关文章推荐
动态加载iframe
Jun 16 Javascript
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
May 12 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 Javascript
jQuery简单倒计时效果完整示例
Sep 20 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
vue+element-ui+ajax实现一个表格的实例
Mar 09 Javascript
微信小程序封装自定义弹窗的实现代码
May 08 Javascript
JavaScript canvas绘制折线图
Feb 18 Javascript
jQuery中event.target和this的区别详解
Aug 13 jQuery
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
同台服务器使用缓存APC效率高于Memcached的演示代码
2010/02/16 PHP
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
Javascript 获取滚动条位置等信息的函数
2009/09/08 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
三种取消选中单选框radio的方法
2014/09/09 Javascript
jQuery中:nth-child选择器用法实例
2014/12/31 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
js实现div在页面拖动效果
2016/05/04 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
2017/09/01 jQuery
微信小程序图片轮播组件gallery slider使用方法详解
2018/01/31 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
2020/08/26 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
浅谈Python类里的__init__方法函数,Python类的构造函数
2016/12/10 Python
Python实现的归并排序算法示例
2017/11/21 Python
pycharm使用matplotlib.pyplot不显示图形的解决方法
2018/10/28 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
对tensorflow中的strides参数使用详解
2020/01/04 Python
没编程基础可以学python吗
2020/06/17 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
单身旅行者的单身假期:Just You
2018/04/08 全球购物
印度最大的时尚购物网站:Myntra
2018/09/13 全球购物
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
C语言中一个结构不能包含指向自己的指针吗
2012/05/25 面试题
别名指示符是什么
2012/10/08 面试题
商务邀请函范文
2014/01/14 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
离婚协议书格式范本
2016/03/18 职场文书
在JavaScript中如何使用宏详解
2021/05/06 Javascript