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


Posted in Javascript onApril 01, 2013
/** 
* 将页面设置为只读 
*/ 
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();" />'; 
}); 
}); 
}
Javascript 相关文章推荐
firefox浏览器下javascript 拖动层效果与原理分析代码
Dec 04 Javascript
jQuery弹出层插件简化版代码下载
Oct 16 Javascript
超漂亮的jQuery图片轮播特效
Nov 24 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
jQuery限制图片大小的方法
May 25 Javascript
微信小程序  生命周期详解
Oct 27 Javascript
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
纯js实现画一棵树的示例
Sep 05 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
Vue清除定时器setInterval优化方案分享
Jul 21 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
js实现简单的倒计时
Jan 28 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
Mar 31 #Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
Mar 29 #Javascript
表单验证的完整应用案例探讨
Mar 29 #Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 #Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 #Javascript
javascript打印大全(打印页面设置/打印预览代码)
Mar 29 #Javascript
js 利用image对象实现图片的预加载提高访问速度
Mar 29 #Javascript
You might like
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
PHP7匿名类用法分析
2016/09/26 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
Javascript模板技术
2007/04/27 Javascript
js最简单的拖拽效果实现代码
2010/09/24 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
jqueryUI tab标签页代码分享
2017/10/09 jQuery
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
如何实现一个webpack模块解析器
2018/10/24 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
2018/12/11 Javascript
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
python动态参数用法实例分析
2015/05/25 Python
如何准确判断请求是搜索引擎爬虫(蜘蛛)发出的请求
2015/10/13 Python
Python实现图片转字符画的代码实例
2019/02/22 Python
PyTorch加载预训练模型实例(pretrained)
2020/01/17 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
土木工程个人自荐信范文
2013/11/30 职场文书
大一军训感言
2014/01/09 职场文书
出国导师推荐信
2014/01/16 职场文书
大学生职业生涯规划大赛作品(精品)
2014/09/17 职场文书
企业务虚会发言材料
2014/10/20 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
教育见习报告范文
2014/11/03 职场文书
2014年基层党建工作总结
2014/11/11 职场文书
python执行js代码的方法
2021/05/13 Python
JavaScript的Set数据结构详解
2022/02/18 Javascript