如何使用锚标记隔离自定义复选框标签上的mousedown / touchstart事件？

Question

首先，这是一个参考屏幕截图：

我试图让自定义复选框响应鼠标和触摸事件，这样就可以通过它的图标或标签来切换，但是当用户触摸或点击其他信息链接时，它不应该触发复选框来打开/关闭。这些锚标记是与<label>标记对应的<input type="checkbox">标记的一部分，如下所示：

<input的 id="chkBoxID" type="checkbox" /><label的 for="chkBoxID"> I agree to <a>Privacy Rules</a></label>

我现在遇到的问题：当触摸/点击链接部分时，复选框切换并且链接的事件触发（弹出窗口），它应该只触发链接的事件。< / p>

如果这很重要：我已经使用preventDefault()和stopPropagation()来消除iOS上的300毫秒延迟（用于切换复选框），但我不确定我是谁＆＃39 ;已针对此特定方案正确实施。也许我完全以错误的方式做这件事。

你会采取哪种方法？

我是否应该完全避免使用<input type="checkbox">标记，只是在div，CSS类和一些Javascript中伪造一个自定义复选框？