button实现选中页面div层的内容，宽屏ok，方屏电脑no，怎么搞定呢_html/css

button实现选中页面div层的内容，宽屏ok，方屏电脑no，怎么搞定呢_html/css_WEB-ITnose

php中文网

发布： 2016-06-21 09:41:26

原创

1363人浏览过

本帖最后由 yangzi2013 于 2013-02-20 17:48:05 编辑

button实现选中页面div层的内容

我要实现的功能是：点击页面button按钮后，实现对某div层里面内容（包括div内的文字和图片，选中这些内容，类似ctrl+a的效果），这个效果目前已经实现了，下面给出了我的代码，但是用笔记本（宽屏）访问的时候是可以达到效果的，用台式机（方屏）却没有这个效果。

麻烦哪位高手帮忙看看能否改进一下，不用考虑浏览器的兼容性，适合任一浏览器即可（我常用的是360安全浏览器5.0版本，ie内核的）。
==button按钮=================

<input id="bt_a" type="button" value="选中产品内容" onclick= "rdl_createRange1()"/>

登录后复制

===产品内容所在层代码================

<div id="com_a"><div id="com_b" class="boxCenterList RelaArticle"></div>  <div id="com_c">  <blockquote>        {$goods.goods_desc}  //产品内容包含文字和图片  </blockquote>  </div></div>

登录后复制

===实现选中div层内容功能的js================

<script> function rdl_createRange1(){ //这个地方只能选取id为com_b的层，ecshop商城的产品页面var oMessage=document.all("com_b");   var oTextRange=document.body.createTextRange(); with (oTextRange)   { moveToElementText(oMessage); execCommand("SelectAll"); } var oTextRange=document.selection.createRange(); } </script>

登录后复制

回复讨论(解决方案)

把
var oMessage=document.all(" com_b");
改成
var oMessage=document.all(" com_c");

关键问题怎么用代码来获取判断是宽屏还是方屏？？？？

把
var oMessage=document.all("com_b");
改成
var oMessage=document.all("com_c");

我不知道是什么原因，使用com_c 是不行的，没有数据的。而且我用谷歌浏览器审查元素的时候，也发现实际的页面还是在com_b里，估计是我少加一个结尾/div了。
现在的问题是宽屏可以，方屏不行。头疼

大家都在看：

Laravel Blade中基于数据值条件渲染HTML元素：处理空值与Null html滚动条样式怎么实现分页滚动感_html滚动条分页式滚动效果方法解决Flexbox中文本溢出导致元素位移问题动态DOM操作与无障碍性：确保JavaScript生成内容的易访问性 html如何连接按钮_HTML按钮（button）与表单/事件连接方法