html组件不可输入(只读)同时任何组件都有效

157 阅读 0 评论 104 点赞

我是靠谱客的博主儒雅御姐，最近开发中收集的这篇文章主要介绍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();" />'; 
}); 
}); 
} 