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 Ajax 学习实例2 向页面发出请求 返回JSon格式数据
处理业务数据,产生JSon数据,供JqueryRequest.aspx调用2010-03-03jqueryMobile 动态添加元素,展示刷新视图的实现方法
下面小编就为大家带来一篇jqueryMobile 动态添加元素,展示刷新视图的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
这篇文章主要介绍了jquery.uploadify插件在chrome浏览器频繁崩溃解决方法,十分的实用,遇到相同问题,需要解决的朋友可以参考下2015-03-03
最新评论