0

rap genius が、ユーザーが強調表示して、強調表示が終了した後にポップオーバーを表示できるようにする機能を有効にする方法を理解しようとしています。jqueryを使用してこれを行うにはどうすればよいですか?

それが役立つ場合は、ユーザーがボタンをクリックした後のポップオーバーなど、プロジェクトの他のアイテムにも twitter ブートストラップを使用しています。

編集: 最初の例 (ユーザーが入力ボックス内のテキストを選択する場合) は機能しますが、2 番目の例 (ユーザーが「コンテンツ」内のテキストを選択する場合) は機能しません。

    <p class = 'content'>
    Click and drag the mouse to select text in the inputs.
    </p>
    <input type="text" value="Some text" />
    <input type="text" value="to test on" />

    <div></div>


    <script>
      $(":input").select( function () {
      $("div").text("Something was selected").show().fadeOut(500);
      });

      $("content").select( function () {
      $("div").text("Something else outside of input was selected").show().fadeOut(5000);
      });
    </script>
4

1 に答える 1

2

JavaScript の使用

document.getElementById("myDiv").onmousedown = function(){
             //Client has pressed the mouse button without releasing it...
             this.onmouseup = function(){
                    document.getElementById("myPopUp").style.display="block";
             };
};

デモ

JQuery の使用

$("#myDiv").mousedown(function(){

          $("#myDiv").mouseup(function(){

                     $("#myPopUp").show();
          });
});

デモ

JQuery の .select()

select イベントは、ユーザーが要素内でテキストを選択すると、その要素に送信されます。このイベントは、input type="text"フィールドとtextareaボックスに限定されています。

于 2013-03-12T23:03:04.417 に答える