jQuery:delegate中select()不起作用的解決方法(實例講解)
jQuery有一個很好用的delegate(事件委派)功能，可以給當(dāng)前以及將來(動態(tài)添加)的元素綁定一個事件處理函數(shù)。
比如下面的例子，動態(tài)添加一個輸入文本框后，我想讓所有文本框（不管是不是動態(tài)添加的）在獲取焦點時，自動轉(zhuǎn)大寫。
<!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">
//動態(tài)添加一行文本輸入框
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 函數(shù)的問題
- jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法
- jquery submit ie6下失效的原因分析及解決方法
- 解決jquery的.animate()函數(shù)在IE6下的問題
- 關(guān)于jquery中動態(tài)增加select,事件無效的快速解決方法
- jquery html動態(tài)生成select標(biāo)簽出問題的解決方法
- jQuery選中select控件 無法設(shè)置selected的解決方法
- jQuery 跨域訪問問題解決方法
- jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹
- jQuery在ie6下無法設(shè)置select選中的解決方法詳解
相關(guān)文章
本實例只利用到JQuery類庫本身的函數(shù)和功能，不需要第三方插件的支持。另外，所有表單信息都是利用PHPMailer類庫郵件的形式發(fā)送給管理員。2009-11-11
jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法,涉及jquery鼠標(biāo)事件及頁面滾動的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了jQuery中:empty選擇器用法,實例分析了:empty選擇器的功能、定義及匹配空元素的用法技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
JQuery Study Notes 學(xué)習(xí)筆記(一)
jquery是當(dāng)前比較流行的js類庫，學(xué)習(xí)它可以實現(xiàn)很多功能。2010-08-08
今天小朋友寫了個程式，出現(xiàn)亂碼，將解決過程分享一下 為方便說明，將環(huán)境簡化，vs.net 2003, jquery-1.3.2.js, web service調(diào)用2010-02-02
jQuery制作input提示內(nèi)容（兼容IE8以上）
這篇文章主要為大家詳細(xì)介紹了jQuery制作input提示內(nèi)容，兼容IE8以上，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
對話框（Dialog）是一個特殊的窗口（window），可以包含在頂部的工具欄和在底部的按鈕。接下來通過本文給大家介紹easyui創(chuàng)建對話框的兩種方式，非常不錯，感興趣的朋友一起看下吧2016-08-08
jquery實現(xiàn)簡單的二級導(dǎo)航下拉菜單效果
這篇文章主要介紹了jquery實現(xiàn)簡單的二級導(dǎo)航下拉菜單效果,涉及jquery鼠標(biāo)事件動態(tài)操作頁面元素樣式及Ajax調(diào)用的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
語法著色大家對它都不陌生吧，下面為大家介紹的是jquery-syntax動態(tài)語法著色的具體實現(xiàn),需要的朋友可以參考下2014-05-05
jquery實現(xiàn)的橫向二級導(dǎo)航效果代碼
這篇文章主要介紹了jquery實現(xiàn)的橫向二級導(dǎo)航效果代碼,可實現(xiàn)鼠標(biāo)滑過導(dǎo)航出現(xiàn)下拉菜單切換的效果,非常簡潔自然,涉及jquery鼠標(biāo)hover事件及頁面元素樣式的動態(tài)改變技巧,需要的朋友可以參考下2015-08-08