jQuery:delegate中select()不起作用的解决方法(实例讲解)
更新时间：2014年01月26日 09:36:30 作者：
本篇文章只要是对jQuery:delegate中select()不起作用的解决方法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
jQuery有一个很好用的delegate(事件委派)功能，可以给当前以及将来(动态添加)的元素绑定一个事件处理函数。
比如下面的例子，动态添加一个输入文本框后，我想让所有文本框（不管是不是动态添加的）在获取焦点时，自动转大写。
复制代码 代码如下:
<!doctype html>
<html>
<head>
<title>delegate测试</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.js"></script>
<style type="text/css">
*{padding:0;margin:0;list-style:none;margin:5px}
</style>
<script type="text/javascript">
//动态添加一行文本输入框
function addInput(){
$("#ulTarget").append("<li><input type=\"text\" value=\"aaaaaa\"/></li>");
}
$().ready(function(){
$("#ulTarget").delegate(":text","focus",function(){
$(this).val($(this).val().toUpperCase());
});
})
</script>
</head>
<body>
<ul id="ulTarget">
<li><input type="text" value="123456abc"/></li>
<li><input type="text" value="123456abc"/></li>
<li><input type="text" value="123456abc"/></li>
<li><input type="text" value="123456abc"/></li>
</ul>
<button id="btnAdd" onclick="addInput()">add input</button>
</body>
</html>
接下来，我还想加点小功能，在获取焦点时，还要让文本框自动全选。
复制代码 代码如下:
$().ready(function(){
$("#ulTarget").delegate(":text","focus",function(){
$(this).val($(this).val().toUpperCase()).select();
});
})
但是实际测下来，.select()死活就是不起作用，无奈请出setTimeout
复制代码 代码如下:
$().ready(function(){
$("#ulTarget").delegate(":text","focus",function(){
var jqObj = $(this);
jqObj.val(jqObj.val().toUpperCase());
setTimeout(function(){jqObj.select();},100);
});
})
解决了.
您可能感兴趣的文章:
- 解决jQuery ajax请求在IE6中莫名中断的问题
- jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
- jquery fancybox ie6不显示关闭按钮的解决办法
- jquery submit ie6下失效的原因分析及解决方法
- 解决jquery的.animate()函数在IE6下的问题
- 关于jquery中动态增加select,事件无效的快速解决方法
- jquery html动态生成select标签出问题的解决方法
- jQuery选中select控件 无法设置selected的解决方法
- jQuery 跨域访问问题解决方法
- jquery的ajax()函数传值中文乱码解决方法介绍
- jQuery在ie6下无法设置select选中的解决方法详解
相关文章
本实例只利用到JQuery类库本身的函数和功能，不需要第三方插件的支持。另外，所有表单信息都是利用PHPMailer类库邮件的形式发送给管理员。2009-11-11
这篇文章主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jQuery中:empty选择器用法,实例分析了:empty选择器的功能、定义及匹配空元素的用法技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
jquery是当前比较流行的js类库，学习它可以实现很多功能。2010-08-08
今天小朋友写了个程式，出现乱码，将解决过程分享一下 为方便说明，将环境简化，vs.net 2003, jquery-1.3.2.js, web service调用2010-02-02
这篇文章主要为大家详细介绍了jQuery制作input提示内容，兼容IE8以上，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
对话框（Dialog）是一个特殊的窗口（window），可以包含在顶部的工具栏和在底部的按钮。接下来通过本文给大家介绍easyui创建对话框的两种方式，非常不错，感兴趣的朋友一起看下吧2016-08-08
这篇文章主要介绍了jquery实现简单的二级导航下拉菜单效果,涉及jquery鼠标事件动态操作页面元素样式及Ajax调用的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
语法着色大家对它都不陌生吧，下面为大家介绍的是jquery-syntax动态语法着色的具体实现,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jquery实现的横向二级导航效果代码,可实现鼠标滑过导航出现下拉菜单切换的效果,非常简洁自然,涉及jquery鼠标hover事件及页面元素样式的动态改变技巧,需要的朋友可以参考下2015-08-08
最新评论