如何将我的jQuery代码添加或修改为支持多选的JavaScript代码?

9 浏览
0 Comments

如何将我的jQuery代码添加或修改为支持多选的JavaScript代码?

问题

我想要能够触摸屏幕,用手指在表面上拖动并选择多个方框。我希望用鼠标也能做同样的事情,按住鼠标并拖动它选择我想要的任何东西。因此,我在考虑是否可以在类似JQuery/JQuery移动这样的框架中实现这个功能,这样我就能直接使用这种行为了。

代码

这里是我目前所实现的工作样本。

  • 建立了一个表格,并能够按颜色选择特定的单元格(忽略其他颜色)
  • 能够按行或列选择。也能够取消选择。
  • 能够选择整个表格或取消选择(按颜色)。

尝试

我尝试使用JQuery UI,具体来说就是JQuery selectable api,但它破坏了我的现有代码并且存在错误。我还看了一些这里找到的东西,但它完全依赖于桌面方式,即使用shift和control。我还尝试将选择添加为

元素的属性,并使用多重选择。我并不认为这种方法会奏效,但我至少想尝试一下。最后,我在stackoverflow上找到了一些相关信息,似乎每个人都想要复选框或键盘来实现这个功能。

再次强调,我需要的是一种方式,能够通过触摸屏幕并将手指拖动到我想要选择的方框/网格(即表格中的单元格),或者用鼠标做同样的事情。

编辑 这是一个很好的问题,虽然类似但不是我所需的。相同的用例,但适用于鼠标事件和触摸事件。

对于这个问题,任何建议、线索、提示等都将不胜感激,因为我已经尽力尝试了各种方法。我感觉就像这样

0
0 Comments

原因:根据问题描述,问题是关于在移动设备上无法进行拖动选择多个td元素的问题。根据提供的代码和讨论,可以看出问题可能是由于在移动设备上的触摸事件处理不正确导致的。

解决方法:根据提供的代码和讨论,可以尝试以下解决方法来修复问题:

1. 在CSS中添加-ms-touch-action: none;来禁用IE11上的触摸事件的默认行为。

2. 修改JavaScript代码中的highlightHoveredObject函数,确保在触摸事件中正确选择元素。具体来说,需要将传递给highlightHoveredObject函数的触摸事件的坐标传递给正确的元素选择逻辑。

如下是一段关于如何在JavaScript中为多项选择添加或修改jQuery的内容的讨论。问题是在移动设备上无法进行拖动选择多个td元素。以下是根据提供的代码和讨论整理的解决方法:

根据提供的代码和讨论,问题可能是由于在移动设备上触摸事件的处理不正确导致的。为了修复这个问题,可以尝试以下解决方法:

1. 在CSS中添加-ms-touch-action: none;来禁用IE11上的触摸事件的默认行为。

2. 修改JavaScript代码中的highlightHoveredObject函数,确保在触摸事件中正确选择元素。具体来说,需要将传递给highlightHoveredObject函数的触摸事件的坐标传递给正确的元素选择逻辑。

希望这些解决方法能帮助解决你在移动设备上无法进行拖动选择多个td元素的问题。

0