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 相关文章推荐
理解Javascript_05_原型继承原理
Oct 13 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
JavaScript中的类数组对象介绍
Dec 30 Javascript
js实现统计字符串中特定字符出现个数的方法
Aug 02 Javascript
Javascript动画效果(4)
Oct 11 Javascript
网络传输协议(http协议)
Nov 18 Javascript
JQuery 获取多个select标签option的text内容(实例)
Sep 07 jQuery
JavaScript之创意时钟项目(实例讲解)
Oct 23 Javascript
webpack打包js的方法
Mar 12 Javascript
分析javascript原型及原型链
Mar 18 Javascript
element-ui使用导航栏跳转路由的用法详解
Aug 22 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
Nov 07 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
2006/11/25 PHP
关于mysql 字段的那个点为是定界符
2007/01/15 PHP
JQuery 学习笔记 选择器之四
2009/07/23 Javascript
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
关于跨站脚本攻击问题
2011/12/22 Javascript
选择器中含有空格在使用示例及注意事项
2013/07/31 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
利用pm2部署多个node.js项目的配置教程
2017/10/22 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
webpack之引入图片的实现及问题
2018/10/08 Javascript
iView框架问题整理小结
2018/10/16 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
[40:55]Liquid vs LGD 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
用Python分析3天破10亿的《我不是药神》到底神在哪?
2018/07/12 Python
python 递归深度优先搜索与广度优先搜索算法模拟实现
2018/10/22 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
Numpy 理解ndarray对象的示例代码
2020/04/03 Python
Pytorch实现将模型的所有参数的梯度清0
2020/06/24 Python
Python中pass的作用与使用教程
2020/11/13 Python
纯CSS3大转盘抽奖示例代码(响应式、可配置)
2017/01/13 HTML / CSS
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
Sql面试题
2013/03/20 面试题
留学自荐信写作方法
2014/01/27 职场文书
个人欠款协议书范本2014
2014/11/02 职场文书
销售内勤岗位职责
2015/02/10 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
工作简历的自我评价
2019/05/16 职场文书
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript