javascript - JqueryUI可选择方向

Question

我正在尝试构建一些 JQuery UI 可选演示。是否可以知道用户是从左到右选择还是从右到左选择？我已经尝试过这个解决方案，但它不起作用

var last_selected_id="first";

$( ".selectable" ).selectable({
    selecting: function(event, ui) {
if(last_selected_id=="first")
{
//first, do nothing
}
else
{
    if(ui.selecting.id>last_selected_id)
    {
    //left to right
       console.log('left to right');
    }
    else
    {
      console.log('right to left');
    }
    last_selected_id = ui.selecting.id;
 },....

id从左到右依次变大

Answer 1

您应该使用 JQuery UI 事件对象提供的鼠标指针坐标。

  var startX;
  var direction;

  $( ".selectable" ).selectable({
    start: function( event, ui ) {
      startX = event.pageX;
      direction = "";
    },
    selecting: function( event, ui ) {
      direction = (event.pageX >= startX) ? "right" : "left";
    }
  });