ページの div レイヤーのコンテンツを選択するボタン。ワイドスクリーンの場合はOKですが、正方形のスクリーンのコンピューターではダメです。その方法_html/css

ページの div レイヤーのコンテンツを選択するボタン。ワイドスクリーンの場合はOKですが、正方形のスクリーンのコンピューターではダメです。その方法_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 09:41:26

オリジナル

1119 人が閲覧しました

この投稿は、yangzi2013 によって 2013-02-20 17:48:05 に最終編集されました

ページ上の div レイヤーのコンテンツを選択するボタン

実装したい機能は次のとおりです: ページ上のボタンボタンをクリックした後、特定の div レイヤーのコンテンツ (div 内のテキストと画像を含め、これらのコンテンツを選択します。これまでのところ、この効果は以下に示しています。)ラップトップ (ワイドスクリーン) でアクセスすると、この効果が得られません。デスクトップコンピューター (正方形のスクリーン) を使用すると、この効果は得られません。

改善できるかどうかを確認するために専門家に手伝ってもらえませんか? ブラウザの互換性を考慮する必要はありません。どのブラウザにも適しています (私は通常、360 Secure Browser バージョン 5.0、IE カーネルを使用しています)。
==button 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>

ログイン後にコピー

に返信議論 (解決策)

Put
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 を使用すると機能しません。データなし。 Google Chrome を使用して要素を調べたところ、実際のページはまだ com_b にあることがわかりました。末尾の /div を 1 つ追加したのだと思います。
現在の問題は、ワイド画面は問題ありませんが、正方形の画面は問題があることです。頭痛