画像付き要素コピーのJS簡単実装例_基礎知識

ソースコード: コードをコピー コードは次のとおりです: 🎜> ; コンテンツ フィルタリング function getPositions() { var el = document .getElementById ('shaixuan'); var startPosition = 0;//選択したテキストの開始位置 var endPosition = 0;//選択したテキストの終了位置 if(document.selection ) { //IE var range = document.selection.createRange();//範囲オブジェクトを作成 var drange = range.duplicate();//オブジェクトのクローン drange .moveToElementText(el ); // range drange.setEndPoint('EndToEnd', range); startPosition = drange.text.length - range.text.length; endPosition = startPosition range.text.length; } else if(window.getSelection) { //Firefox、Chrome、Safari など endPosition = el.selectionEnd; } return { "start":startPosition, "end":endPosition } } //@todo テキストエリアで選択されているテキストを取得します function getshaixuan() { varposition = getPositions(); var start =position.start;//開始位置 var end =position.end;//終了位置 var text = document .getElementById('shaixuan').value; var selectText = text.substr(start, (end - start));//テキストエリアで、選択されたテキスト //alert(selectText); var textBox1 = document.getElementById("canjia"); textBox1.innerText=textBox1.value selectText; > 要素のコピー body{ font-size:18px} p{border-style:none} .p1{background-color:#FFFFFF;margin-top:60px;margin-bottom:3px;margin-left:200px;} .p2{background- color: #FFFFFF;margin-top:2px;margin-bottom:3px;margin-left:150px;} .p3{background-color:#FFFFFF;margin-top:1px;margin-bottom:3px;position :absolute ;left:550px;top:60px} .p4{background-color:#FFFFFF;margin-top:1px;margin-bottom:3px;position:absolute;left:500px;top:85px} .p5{background-color:#FFFFFF;margin-top:1px;margin-bottom:3px;position:absolute;left:380px;top:190px} --> フィルタリスト 参加者リスト コンテンツを取得 -> 🎜> 効果を達成します: