让html组件不可输入（只读），任何组件都有效

让html组件不可输入（只读），任何组件都有效

/**
 * 将页面设置为只读
 */
var setReadOnly = function()
{
    var input = $("input");
    input.each(function(i)
    {
        $(this).attr("onfocus", "this.blur();return false;");
        $(this).wrap(function()
        {
            return '<span οnmοusemοve="this.setCapture();" οnmοuseοut="this.releaseCapture();" />';
        });
    });
    
    var select = $("select");
    select.each(function(i)
    {
        $(this).attr("onfocus", "this.blur();return false;");
        $(this).wrap(function()
        {
            return '<span οnmοusemοve="this.setCapture();" οnmοuseοut="this.releaseCapture();" />';
        });
    });
    
    var textarea = $("textarea");
    textarea.each(function(i)
    {
        $(this).attr("onfocus", "this.blur();return false;");
        $(this).wrap(function()
        {
            return '<span οnmοusemοve="this.setCapture();" οnmοuseοut="this.releaseCapture();" />';
        });
    });
    
    var img = $("img");
    img.each(function(i)
    {
        $(this).attr("onfocus", "this.blur();return false;");
        $(this).wrap(function()
        {
            return '<span οnmοusemοve="this.setCapture();" οnmοuseοut="this.releaseCapture();" />';
        });
    });
}

以上代码用到JQuery。

posted on 2013-03-31 23:47 流易 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/boazy/archive/2013/03/31/2992584.html