0

クリックして本文テキストを選択すると、HTML の同じページのテキスト ボックスに表示される形式の html が必要です。たとえば、本文セクションに「例」というテキストがあるとします。 . それをクリックすると、「例」というテキストが同じページのテキスト ボックスに表示されます。事前にサンクス...

<html>
<body>
    name <input type=text name=name>
    example[<- I WANT THIS TEXT TO BE APPEAR ON THE NAME TEXT BOX IF I CLICK ON IT]
</body>
</html>
4

2 に答える 2

1

次のコードを確認してください。上記の選択手順については明確ではありませんでしたが、テキストを選択した後、2つの解決策があります。それが役に立てば幸い。jQueryを使用しました。

解決策 1: テキスト ボックスに選択内容を表示するためのリンクを提供しました。

HTML:

<div> 
<p>THIS TEXT TO BE APPEAR ON THE NAME TEXT BOX IF I CLICK ON IT</p><br/>
<a href="#" id='click'> click</a><br/>
<input type='text' id='box1' value="Select Text" /> 
</div>

JavaScript/jQuery:

if(!window.Kolich){
  Kolich = {};
}

Kolich.Selector = {};
Kolich.Selector.getSelected = function(){
  var t = '';
  if(window.getSelection){
    t = window.getSelection();
  }else if(document.getSelection){
    t = document.getSelection();
  }else if(document.selection){
    t = document.selection.createRange().text;
  }
  return t;
}

Kolich.Selector.mouseup = function(){
  var st = Kolich.Selector.getSelected();
  if(st!=''){
    $('#box1').val(st);
  }
}

$(document).ready(function(){
 $('#click').click(Kolich.Selector.mouseup);
});

解決策 2:

HTML:

 <div> 
 <p>Thisdt I want to extract</p>
 <input type='text' id='box1' value="Select Text" /> 
 </div>

JavaScript/jQuery:

if(!window.Kolich){
  Kolich = {};
}

Kolich.Selector = {};
Kolich.Selector.getSelected = function(){
  var t = '';
  if(window.getSelection){
    t = window.getSelection();
  }else if(document.getSelection){
    t = document.getSelection();
  }else if(document.selection){
    t = document.selection.createRange().text;
  }
  return t;
}

Kolich.Selector.mouseup = function(){
  var st = Kolich.Selector.getSelected();
  if(st!=''){
    $('#box1').val(st);
  }
}

$(document).ready(function(){
  $(document).bind("mouseup", Kolich.Selector.mouseup);
});
于 2013-01-07T06:59:17.350 に答える
0

以下のコードを試してください。単語をダブルクリックすると、テキストボックスに表示されます。

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("body").dblclick(function () {
                $("#test").val(getSelectionText());
            });
        });

        function getSelectionText() {
            var text = "";
            if (window.getSelection) {
                text = window.getSelection().toString();
            } else if (document.selection && document.selection.type != "Control") {
                text = document.selection.createRange().text;
            }
            return text;
        }
    </script>
</head>
<body>
    <input id="test" type="text" name="name" value="" />
    <div>
        Lucky day</div>
    <p>
        Hello world!
    </p>
</body>
</html>
于 2013-01-07T07:08:18.517 に答える