1

しばらく前に、マウスオーバーでテキストの行を強調表示する方法について質問しました。しかし、これをしばらく使っていると、このシステムにいくつかの欠陥があることに気づきました。その1つは、ユーザーが新しいタブに切り替えたり、マウスを動かして別のことをしたりした後、自分がどこにいるかを見失ってしまうことでした。

そのため、マウスクリック、またはさらに良いことに、キーボードの矢印キーを除いて、同じことをしたいと思います。

私はjQueryの経験がないので、これが可能かどうかわかりません。誰かがこのようなスクリプトを知っているか、誰かが私にそれを書くことができれば、それは素晴らしいことです！

よろしくお願いします！

4

1 に答える 1

1

これがこのjquertの部分です

$(document).ready(function() {
  $(".textWrapper").click(function(e) {
      var relativePos = e.pageY - this.offsetTop;
      var textRow = (Math.ceil(relativePos / 18) * 18) - 18;
      $(".highlight", this).css("top", textRow + "px");
      $(".highlight", this).show();
  });
});

そしてもちろんjsフィドル http://jsfiddle.net/gFTrS/8/

矢印キーの場合は少し注意が必要です。段落の行数を把握する方法が必要です。

于 2012-10-19T01:48:56.940 に答える