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 相关文章推荐
js 自定义个性下拉选择框示例
Aug 20 Javascript
jquery下div 的resize事件示例代码
Mar 09 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 Javascript
原生js实现文件上传、下载、封装等实例方法
Jan 05 Javascript
使用JS实现动态时钟
Mar 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
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
百度ping方法使用示例 自动ping百度
2014/01/26 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
php中smarty区域循环的方法
2015/06/11 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
在视频前插入广告
2006/11/20 Javascript
解javascript 混淆加密收藏
2009/01/16 Javascript
jquery 跨域访问问题解决方法(笔记)
2011/06/08 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
2014/09/02 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
2015/08/06 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
利用yarn实现一个webpack+react种子
2016/10/25 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
python 获取文件列表(或是目录例表)
2009/03/25 Python
Python中列表、字典、元组数据结构的简单学习笔记
2016/03/20 Python
使用Python搭建虚拟环境的配置方法
2018/02/28 Python
python实现简易内存监控
2018/06/21 Python
python游戏开发之视频转彩色字符动画
2019/04/26 Python
python 元组和列表的区别
2020/12/30 Python
英国在线药房:Express Chemist
2019/03/28 全球购物
南京迈特望C/C++面试题
2012/07/09 面试题
农业开发项目建议书
2014/05/16 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
新店开张活动方案
2014/08/24 职场文书
工资收入证明
2014/10/07 职场文书
2015年药店工作总结
2015/04/20 职场文书
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis
MySQL如何使备份得数据保持一致
2022/05/02 MySQL