我是Java的新手,创建Lasso-样式表选择工具时遇到麻烦。
基本上,我希望能够在表上拖动鼠标并使该区域中的所有单元格都突出显示,以便稍后可以对选定的单元格进行操作。
这是我要达到的目标的错误。 http://jsfiddle.net/kooldave98/ad5Z9/
var element = $("#rectangle");
// on mousedown
$(window).mousedown(function (e1) {
// first move element on mouse location
element.show().css({ top: e1.pageY, left: e1.pageX });
// resize that div so it will be resizing while moouse is still pressed
var resize = function (e2) {
// you should check for direction in here and moves with top or left
element.width(e2.pageX - e1.pageX);
element.height(e2.pageY - e1.pageY);
};
$(window).mousemove(resize);
// and finally unbind those functions when mouse click is released
var unbind = function () {
$(window).unbind(resize);
$(window).unbind(unbind);
};
$(window).mouseup(unbind);
});
我需要能够在表格内的任何方向上移动选择工具,然后使用“ ctrl”键选择其他单元格。
任何帮助将不胜感激。
最佳答案
您可以使用jQuery UI Selectable小部件来执行此操作。