マウスが列の境界線上にあるかどうかを検出する

マウスが列の境界線上にあるかどうかを検出する image 2 Info

マウスが列の境界線上にあるかどうかを検出する

タグ:



質問

jQueryまたはJavaScriptのいずれかで、マウスが列の境界線またはセルの境界線上にあるかどうかを検出する方法を知っていますか?

特定のテーブルに列のサイズ変更を実装したい。

マウスが列の境界線上にあるかどうかを検出する image 1

どんな助けもありがとうございます。

ベストアンサー

offsetXとoffsetYがborder-widthより小さいかどうかをチェックし、そうであればoffsetXがinnerWidthより大きいかoffsetYがinnerHeightより大きいかどうかを確認する必要があります

$(‘td’).hover(function(e){
var border_width = parseInt($(this).css(‘border-width’));
if(e.offsetX < border_width || e.offsetX > $(this).innerWidth() || e.offsetY < border_width || e.offsetY > $(this).innerHeight()){
console.log(‘This is the border’);
}
});

マウスが列の境界線上にあるかどうかを検出する image 0

jsFiddle






source
マウス上の周囲の境界線のスタイルを変更する
divが上にある場合は境界線を隠す
マウスオーバーで境界線を追加する
無効なToolStripMenuItemがマウス上に境界線を表示しないようにするにはどうすればよいですか?
画像が上にある境界線の右上半径を修正する方法
マウスオーバーを検出し、マウスが上にあるときに音を出しますか?
デバイスにマウスサポートがあるかどうかを検出するには?
プログラムで画像の境界線を検出するには?
上三角形のあるdivに境界線を追加する[重複]
上の境界線を除いてすべての境界線をボタンから取り出す方法は?
Rating