javascript - Gmail 中的多个复选框检查

Question

我正在尝试使用复选框复制 Gmail 的行为，选择整个范围并单击其中一个，然后按住 Shift 键并单击另一个，它们之间的复选框将发生变化。

但是，我在 Firefox 和 Chrome 之间遇到了兼容性问题，因为单击复选框工作得很好，但以某种方式单击标签的处理方式却大不相同，因为 Firefox 显然不会在按住 shift 键单击时触发更改。

You can check and test my code here.

显然 Firefox 和标签有问题，我试过触发复选框的 change()，但它与复选框的行为相反，我试过“重置”标签preventDefault() 事件，然后触发 change() 事件，问题似乎是一样的，但现在 Chrome 有这个错误(我认为这是正确的方法，首先是同源化)。

最简单的方法是检测浏览器，但每一位网络开发大师都告诉我们，确定问题而不是浏览器更好，那么什么是解决这个问题的好方法？此外，它在 IE 中不起作用，因为它不支持 indexOf()。

谢谢!

Answer 1

由于某些原因，在 Firefox 中突出显示文本时，标记的工作方式有所不同。我认为它失败的原因是当您按住 shift 并单击标签时，它不会选中该框，因此不会触发标记的事件。

看看这个:http://jsfiddle.net/xerf/Prxdn/10/

这在 webkit 和 FireFox 中都有效。我将标签更改为跨度标签。使用一点 CSS，您可以修复填充。