检测<li>元素的边距空间中的点击次数</li>

时间:2013-06-26 10:21:38

标签: jquery css dom jquery-tokeninput

  

有没有办法检测元素的css边距点击?

我正在使用文本框中的标记系统,有点像this one。我希望能够做的是,当用户在两个标签之间点击时进行注册,并将光标定位。这个空间是由标签上的边距创建的 - 有没有办法可以检测到该区域中的点击?

空间只是ul元素的一部分,当然,我可以检测到点击,但无法分辨它(我可以吗?)所以不知道光标的位置。我能想到的唯一解决方案是创建两个3px宽的空跨度来代替边距,并注册点击它们......但显然这不是一个很好的解决方案。有更好的方法吗?

这是一个jsfiddle:http://jsfiddle.net/78rhB/1/ 我正在检测的CSS的一点是:

    li.token-input-token-facebook {
        margin: 3px;
}

3 个答案:

答案 0 :(得分:2)

使用标签包装输入,它应该没有jQuery。 http://codepen.io/anon/pen/Aviwf 增加了演示的边距和bg颜色

input {margin:0 3em;}
label {display:inline-block;background:rgba(0,0,0,0.1)}

答案 1 :(得分:1)

您可以尝试使用this technique for expanding hit areas链接/按钮。

答案 2 :(得分:0)

您绑定父{4}}元素的点击事件处理程序,并查找最接近点击点ul

li

此代码只是一个示例和必需的调试