document.execCommand()的用法小结


Posted in Javascript onJanuary 08, 2014

首先要说明的是在firefox下支持不好。
2D-Position 允许通过拖曳移动绝对定位的对象。
AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。
BackColor 设置或获取当前选中区的背景颜色。
BlockDirLTR 目前尚未支持。
BlockDirRTL 目前尚未支持。
Bold 切换当前选中区的粗体显示与否。
BrowseMode 目前尚未支持。
Copy 将当前选中区复制到剪贴板。
CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。
CreateLink 在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。
Cut 将当前选中区复制到剪贴板并删除之。
Delete 删除当前选中区。
DirLTR 目前尚未支持。
DirRTL 目前尚未支持。
EditMode 目前尚未支持。
FontName 设置或获取当前选中区的字体。
FontSize 设置或获取当前选中区的字体大小。
ForeColor 设置或获取当前选中区的前景(文本)颜色。
FormatBlock 设置当前块格式化标签。
Indent 增加选中文本的缩进。
InlineDirLTR 目前尚未支持。
InlineDirRTL 目前尚未支持。
InsertButton 用按钮控件覆盖当前选中区。
InsertFieldset 用方框覆盖当前选中区。
InsertHorizontalRule 用水平线覆盖当前选中区。
InsertIFrame 用内嵌框架覆盖当前选中区。
InsertImage 用图像覆盖当前选中区。
InsertInputButton 用按钮控件覆盖当前选中区。
InsertInputCheckbox 用复选框控件覆盖当前选中区。
InsertInputFileUpload 用文件上载控件覆盖当前选中区。
InsertInputHidden 插入隐藏控件覆盖当前选中区。
InsertInputImage 用图像控件覆盖当前选中区。
InsertInputPassword 用密码控件覆盖当前选中区。
InsertInputRadio 用单选钮控件覆盖当前选中区。
InsertInputReset 用重置控件覆盖当前选中区。
InsertInputSubmit 用提交控件覆盖当前选中区。
InsertInputText 用文本控件覆盖当前选中区。
InsertMarquee 用空字幕覆盖当前选中区。
InsertOrderedList 切换当前选中区是编号列表还是常规格式化块。
InsertParagraph 用换行覆盖当前选中区。
InsertSelectDropdown 用下拉框控件覆盖当前选中区。
InsertSelectListbox 用列表框控件覆盖当前选中区。
InsertTextArea 用多行文本输入控件覆盖当前选中区。
InsertUnorderedList 切换当前选中区是项目符号列表还是常规格式化块。
Italic 切换当前选中区斜体显示与否。
JustifyCenter 将当前选中区在所在格式化块置中。
JustifyFull 目前尚未支持。
JustifyLeft 将当前选中区所在格式化块左对齐。
JustifyNone 目前尚未支持。
JustifyRight 将当前选中区所在格式化块右对齐。
LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。
MultipleSelection 允许当用户按住 Shift 或 Ctrl 键时一次选中多于一个站点可选元素。
Open 打开。
Outdent 减少选中区所在格式化块的缩进。
OverWrite 切换文本状态的插入和覆盖。
Paste 用剪贴板内容覆盖当前选中区。
PlayImage 目前尚未支持。
Print 打开打印对话框以便用户可以打印当前页。
Redo 重做。
Refresh 刷新当前文档。
RemoveFormat 从当前选中区中删除格式化标签。
RemoveParaFormat 目前尚未支持。
SaveAs 将当前 Web 页面保存为文件。
SelectAll 选中整个文档。
SizeToControl 目前尚未支持。
SizeToControlHeight 目前尚未支持。
SizeToControlWidth 目前尚未支持。
Stop 停止。
StopImage 目前尚未支持。
StrikeThrough 目前尚未支持。
Subscript 目前尚未支持。
Superscript 目前尚未支持。
UnBookmark 从当前选中区中删除全部书签。
Underline 切换当前选中区的下划线显示与否。
Undo 撤消。
Unlink 从当前选中区中删除全部超级链接。
Unselect 清除当前选中区的选中状态。

例1:
isNaN是测试是否为数值型 ,限制输入只能为数值如:1981.121,允许最多有一个小数点

<input type="text" name="text" onkeyup="if(isNaN(value))execCommand('undo')" />

例2:
<input type=button value=剪切 onclick=document.execCommand('Cut')>
<input type=button value=拷贝 onclick=document.execCommand('Copy')>
<input type=button value=粘贴 onclick=document.execCommand('Paste')>
<input type=button value=撤消 onclick=document.execCommand('Undo')>
<input type=button value=重做 onclick=document.execCommand('Redo') id=button2 name=button2>
<input>
<input type=button value=删除 onclick=document.execCommand('Delete')>
<input type=button value=黑体 onclick=document.execCommand('Bold')>
<input type=button value=斜体 onclick=document.execCommand('Italic')>
<input type=button value=下划线 onclick=document.execCommand('Underline')>
<input type=button value=停止 onclick=document.execCommand('stop')>
<input type=button value=保存 onclick=document.execCommand('SaveAs')>
<input type=button value=另存为 onclick=document.execCommand('Saveas',false,'c:\\test.htm')>
<input type=button value=字体 onclick=document.execCommand('FontName',false,fn)>
<input type=button value=字体大小 onclick=document.execCommand('FontSize',false,fs)>
<input type=button value=刷新 onclick=document.execCommand('refresh',false,0)>
Javascript 相关文章推荐
动态加载dtree.js树treeview(示例代码)
Dec 17 Javascript
深入浅析JavaScript中的constructor
Apr 19 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
javaScript 连接打印机,打印小票的实例
Dec 29 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
vue.js高德地图实现热点图代码实例
Apr 18 Javascript
javascript获取select值的方法完整实例
Jun 20 Javascript
如何实现iframe父子传参通信
Feb 05 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 #Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 #Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 #Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 #Javascript
jquery实现非叠加式的搜索框提示效果
Jan 07 #Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 #Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 #Javascript
You might like
怎样才能成为PHP高手?学会“懒惰”的编程
2006/12/05 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
php根据操作系统转换文件名大小写的方法
2014/02/24 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
Js获取下拉框选定项的值和文本的实现代码
2014/02/26 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
2014/07/23 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
javascript实现状态栏中文字动态显示的方法
2015/10/20 Javascript
JS动态给对象添加事件的简单方法
2016/07/19 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
老生常谈ES6中的类
2017/07/31 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
vue-cli项目无法用本机IP访问的解决方法
2018/09/20 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Python版名片管理系统
2018/11/30 Python
Python对Tornado请求与响应的数据处理
2020/02/12 Python
提高python代码运行效率的一些建议
2020/09/29 Python
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
环境工程大学生个人的自我评价
2013/10/08 职场文书
夜大毕业生自我鉴定
2013/10/31 职场文书
乐观大学生的自我评价
2014/01/10 职场文书
爱国口号
2014/06/19 职场文书
小学竞选班长演讲稿
2014/09/09 职场文书
PHP获取学生成绩的方法
2021/11/17 PHP