html組件不可輸入(只讀)同時任何組件都有效
更新時間：2013年04月01日 09:05:34 作者：
在開發(fā)過程中經(jīng)常會碰到讓html組件不可輸入(只讀)，任何組件都有效的情況，接下來將為大家詳細實現(xiàn)下，感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
/**
* 將頁面設(shè)置為只讀
*/
var setReadOnly = function()
{
var input = $("input");
input.each(function(i)
{
$(this).attr("onfocus", "this.blur();return false;");
$(this).wrap(function()
{
return '<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" />';
});
});
var select = $("select");
select.each(function(i)
{
$(this).attr("onfocus", "this.blur();return false;");
$(this).wrap(function()
{
return '<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" />';
});
});
var textarea = $("textarea");
textarea.each(function(i)
{
$(this).attr("onfocus", "this.blur();return false;");
$(this).wrap(function()
{
return '<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" />';
});
});
var img = $("img");
img.each(function(i)
{
$(this).attr("onfocus", "this.blur();return false;");
$(this).wrap(function()
{
return '<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" />';
});
});
}
您可能感興趣的文章:
相關(guān)文章
基于jQuery實現(xiàn)自動輪播旋轉(zhuǎn)木馬特效
這篇文章主要介紹了基于jQuery實現(xiàn)自動輪播旋轉(zhuǎn)木馬特效，圖片輪播效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-11-11
這篇文章主要介紹了JQuery自動觸發(fā)事件的方法,涉及trigger()方法完成模擬操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
在使用slideToggle 的時候經(jīng)常會遇到列表收起時候閃爍的問題,一般IE瀏覽器會有這個問題，其他瀏覽器比如火狐不會出現(xiàn)閃爍.2011-07-07
這篇文章主要介紹了jQuery實現(xiàn)的模擬彈出窗口功能,結(jié)合實例形式分析了jQuery彈出窗口的初始化、坐標(biāo)、背景設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
使用jQuery mobile庫檢測url絕對地址和相對地址的方法
這篇文章主要介紹了使用jQuery mobile庫監(jiān)測絕對地址和相對地址的方法,分別是isAbsoluteUrl()和isRelativeUrl()方法的使用,需要的朋友可以參考下2015-12-12
動態(tài)設(shè)置form表單的action屬性的值的簡單方法
下面小編就為大家?guī)硪黄獎討B(tài)設(shè)置form表單的action屬性的值的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jquery使用ul模擬select實現(xiàn)表單美化的方法
這篇文章主要介紹了jquery使用ul模擬select實現(xiàn)表單美化的方法,涉及jquery鼠標(biāo)事件及頁面元素樣式的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
基于jquery實現(xiàn)滾輪放大縮小圖片的函數(shù)代碼
這篇文章主要介紹了基于jquery實現(xiàn)滾輪放大縮小圖片的函數(shù)代碼,需要的朋友可以參考下2023-05-05
LCD想必大家都有見到過吧，本文為大家介紹的就是使用jquery模擬LCD時鐘，以下是HTML文件源代碼2014-06-06
jQuery實現(xiàn)鼠標(biāo)滑向當(dāng)前圖片高亮顯示并且其它圖片變灰的方法
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)滑向當(dāng)前圖片高亮顯示并且其它圖片變灰的方法,涉及jquery鏈?zhǔn)讲僮骷绊撁嬖貥邮娇刂频南嚓P(guān)技巧,需要的朋友可以參考下2015-07-07