window.showModalDialog()复制内容

最新推荐文章于 2023-01-06 15:38:43 发布

weixin_30235225

最新推荐文章于 2023-01-06 15:38:43 发布

阅读量181

点赞数

文章标签：设计模式

原文链接：http://www.cnblogs.com/love828/p/3176612.html

版权

ShowModalDialog 打开的页面上加入个

<span id="mySpan" name="mySpan" contentEditable="true">
</span>

<span id="mySpan" name="mySpan"  contentEditable="true">
    
    
</span>
span 里的内容就可以被复制了

实例

1.htm
<html>
<body>
<input type="button" οnclick="window.showModalDialog('2.htm','','');" />
</body>
</html>

2.htm
<html>
<body>
拉选这段文字，并复制
</body>
</html>

查来查去，找出几个方案：一是把标签用文本框代替。
另一种是，对标签加上一段代码：
2.htm
<html>
<body>
<span id="Lab1">拉选这段文字，并复制</span>
<script>
document.all["Lab1"].contentEditable = "True";
</script>
</body>
</html>
contentEditable=true是让内容变为设计模式，这要不仅可以拷贝，还可以修改，默认值为"inherit"。在一些自定义功能强的地方有应用。如果让整个body的contentEditable变为true，则里面的东西就可以乱拉了，对我这次的应用也不好。

转载于:https://www.cnblogs.com/love828/p/3176612.html

weixin_30235225

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.showModalDialog()复制内容

ShowModalDialog 打开的页面上加入个<span id="mySpan" name="mySpan" contentEditable="true"></span><span id="mySpan" name="mySpan" contentEditable="true"> </span&...
复制链接

扫一扫