クリックしてドラッグしてタイムテーブルのセルを選択したいのですが、選択を制限するのは、選択が開始される行 (行 A など) でのみ行われます。カーソルが行 A の外に移動し、行に戻ったら何もしません。 A、最初のセルと現在のセル (包括的) の間のセルを選択します。
現在、一般的な選択は機能します (ここで jsfiddle を作成しました) が、選択が開始される行で選択を制限することはできません。その理由は、イベント ハンドラーで行と列のインデックスを取得できないが、把握できないことに気付きました。どうして:
var isMouseDown = false;
var row = -1; // row to start a selection
$("#our_table td")
.mousedown(function () {
isMouseDown = true;
row = $(this).parent().index(); // doesn't work!!!
return false; // prevent text selection
})
ホバーイベントで行/列インデックスを取得できるhereの例を見つけましたが、スクリプトを自分のものにすると、選択さえ機能しません:(
私はこの JavaScript のことは初めてなので、助けていただければ幸いです。