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; }
希望本文所述对大家的jQuery程序设计有所帮助。
相关推荐
-
jquery文本框中的事件应用以输入邮箱为例
文本框中的事件应用:以输入邮箱为例,如图: 代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head
-
基于jquery的button默认enter事件(回车事件)。
在这里特此声明,代码是通过jquery完成.实列代码我亲自写的,完全可以实现,只要复制过去就可以用,但是必须导入jquery包.着个方法支持ie与火狐,绝对好使.我在做的时候在网上找了一些代码,基本全不支持火狐.好了,废话也说了不少了.开始代码演示.欢迎大家挑错,与技术指点,谢谢. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
-
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
一直没什么兴趣看jQuery,就用自己那点不咋样的javascript硬撑着,今天写一个功能时想尝试一下,用bind注册事件时发现怎么都不好使 复制代码 代码如下: $("#txtStation").bind("onpropertychange", GetStationLevel); 然后onclick之类的都试了,没一个能用的,无奈去翻jQuery的API,都是鸟语我也看不懂具体说了点了,但是发现bind注册事件都是没有on的. 发现有change事件,试了试 复
-
jquery多浏览器捕捉回车事件代码
复制代码 代码如下: $(document).keydown(function(event) { if (event.keyCode == 13) { $('form').each(function() { //你的要运行的代码 }); } }); 但是在opera中还是不行,技穷,一气之下把回车事件给屏蔽了 <form id="Form1" runat="server" onsubmit="return false;"> 可能这样做
-
jQuery文本框(input textare)事件绑定方法教程
目前1.7以上,jquery的事件绑定已经用on替换了原来的bind,接下来为大家介绍下bind的使用方法及input textare事件,感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind: 区别:(个人理解)bind是一次绑定事件到每一个子节点:on是只绑定到父节点,然后冒泡到各个子节点: 用法:bind 一个事件,一个方法:$(".class input").bind('click',function(e)
-
jQuery简单设置文本框回车事件的方法
本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本
-
jquery 回车事件实现代码
例子,jquery键盘事件.回车键事件用法. // 键盘事件 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 复制代码 代码如下: // 回车键事件 // 绑定键盘按下事件 $(document).keypress(function(e) { // 回车键事件
-
jQuery javaScript捕获回车事件(示例代码)
复制代码 代码如下: function getEnter(obj,evt){if(evt.keyCode == 13){var target = $(":input").not(":radio,select,:reset");for(var i=0;i<target.length;i++){if(target.get(i).name==obj.name){i++;if(i==target.length-1){$(target.get(i)).focus();/
-
jQuery 回车事件enter使用示例
eg: 复制代码 代码如下: //点击enter,用户登陆 $("#txtLoginPwd").keydown(function (e) { if (e.which == 13) { UserLogin(); } }); 注意:是"keydown"而不是"keypress"
-
jquery实现点击label的同时触发文本框点击事件的方法
本文实例讲述了jquery实现点击label的同时触发文本框点击事件的方法.分享给大家供大家参考.具体实现方法如下: var labelID; $('label').click(function() { labelID = $(this).attr('for'); $('#'+labelID).trigger('click'); }); 希望本文所述对大家的jQuery程序设计有所帮助.
-
兼容IE与firefox火狐的回车事件(js与jquery)
javascript 兼容IE与firefox火狐的回车事件 复制代码 代码如下: <script language="javascript"> function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } document.onkeypress=keypress; </script> 复制代码 代码如下: <script>
随机推荐
- Angular工具方法学习
- js实现支持手机滑动切换的轮播图片效果实例
- 华众HZHOST虚拟主机管理系统服务器IP更换详细步骤说明
- 浅谈Java工程读取resources中资源文件路径的问题
- iOS实现视频压缩上传实例代码
- iOS利用AFNetworking实现文件上传的示例代码
- javascript获取网页宽高方法汇总
- JavaScript实现给按钮加上双重动作的方法
- 浅谈Python中数据解析
- 批量复制数据
- 深入C/C++浮点数在内存中的存储方式详解
- javascript中setTimeout和setInterval的unref()和ref()用法示例
- 用Greasemonkey 脚本收藏网站会员信息到本地
- linux获取系统启动时间示例详解
- c# 实现MD5,SHA1,SHA256,SHA512等常用加密算法源代码
- web.xml中servlet, bean, filter, listenr 加载顺序_动力节点Java学院整理
- Android用 Mob 实现发送短信验证码实例
- 利用Warensoft Stock Service编写高频交易软件
- Python用模块pytz来转换时区
- asp.net 新闻列表样式代码