html组件不可输入(只读)同时任何组件都有效
更新时间：2013年04月01日 09:05:34 作者：
在开发过程中经常会碰到让html组件不可输入(只读)，任何组件都有效的情况，接下来将为大家详细实现下，感兴趣的朋友可以参考下哈
复制代码 代码如下:
/**
* 将页面设置为只读
*/
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();" />';
});
});
}
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了基于jQuery实现自动轮播旋转木马特效，图片轮播效果特别适合做产品展示，感兴趣的小伙伴可以参考下。2015-11-11
这篇文章主要介绍了JQuery自动触发事件的方法,涉及trigger()方法完成模拟操作的相关技巧,需要的朋友可以参考下2015-06-06
在使用slideToggle 的时候经常会遇到列表收起时候闪烁的问题,一般IE浏览器会有这个问题，其他浏览器比如火狐不会出现闪烁.2011-07-07
这篇文章主要介绍了jQuery实现的模拟弹出窗口功能,结合实例形式分析了jQuery弹出窗口的初始化、坐标、背景设置等相关操作技巧,需要的朋友可以参考下2016-11-11
使用jQuery mobile库检测url绝对地址和相对地址的方法
这篇文章主要介绍了使用jQuery mobile库监测绝对地址和相对地址的方法,分别是isAbsoluteUrl()和isRelativeUrl()方法的使用,需要的朋友可以参考下2015-12-12
下面小编就为大家带来一篇动态设置form表单的action属性的值的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jquery使用ul模拟select实现表单美化的方法,涉及jquery鼠标事件及页面元素样式的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了基于jquery实现滚轮放大缩小图片的函数代码,需要的朋友可以参考下2023-05-05
LCD想必大家都有见到过吧，本文为大家介绍的就是使用jquery模拟LCD时钟，以下是HTML文件源代码2014-06-06
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
这篇文章主要介绍了jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法,涉及jquery链式操作及页面元素样式控制的相关技巧,需要的朋友可以参考下2015-07-07
最新评论