window.showModalDialog()复制内容

时间:2023-03-09 16:21:14
window.showModalDialog()复制内容

ShowModalDialog 打开 页面上加入个

  1. <span id="mySpan" name="mySpan" contentEditable="true">
  2. </span>
<span id="mySpan" name="mySpan"  contentEditable="true">

</span>
span 里内容就可以被复制

实例

1.htm
<html>
<body>
<input type="button" onclick="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"。在一些自定义功能强地方有应用。如果让整个bodycontentEditable变为true,则里面东西就可以乱拉了,对我这次应用也不好。