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 相关文章推荐
初学prototype,发个JS接受URL参数的代码
Sep 25 Javascript
JavaScript Archive Network 集合
May 12 Javascript
js css样式操作代码(批量操作)
Oct 09 Javascript
jQuery结合ajax实现动态加载文本内容
May 19 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 Javascript
JavaScript定义全局对象的方法示例
Jan 12 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
angular 基于ng-messages的表单验证实例
May 04 Javascript
javascript  数组排序与对象排序的实例
Jul 17 Javascript
JS将时间秒转换成天小时分钟秒的字符串
Jul 10 Javascript
解决layer.confirm快速点击会重复触发事件的问题
Sep 23 Javascript
JS数组splice操作实例分析
Oct 12 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
MySQL数据源表结构图示
2008/06/05 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
页面中iframe相互传值传参
2009/12/13 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
基于JavaScript实现购物车功能
2017/02/07 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
JavaScript ES6中export、import与export default的用法和区别
2017/03/14 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
vue中rem的配置的方法示例
2018/08/30 Javascript
JS立即执行函数功能与用法分析
2019/01/15 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
详解vue 组件
2020/06/11 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
python出现&quot;IndentationError: unexpected indent&quot;错误解决办法
2017/10/15 Python
AI人工智能 Python实现人机对话
2017/11/13 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
浅析Python面向对象编程
2020/07/10 Python
Node.js 和 Python之间该选择哪个?
2020/08/05 Python
美国家用电器和电子产品商店:Abt
2016/09/06 全球购物
Move Free官方海外旗舰店:美国骨关节健康专业品牌
2017/12/06 全球购物
大学生励志演讲稿
2014/04/25 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
2014最新开业庆典策划方案(5篇)
2014/09/15 职场文书
离婚协议书格式
2014/11/21 职场文书
CSS3实现的3D隧道效果
2021/04/27 HTML / CSS
Java中PriorityQueue实现最小堆和最大堆的用法
2021/06/27 Java/Android
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫