有没有办法检测元素的css边距点击?
我正在使用文本框中的标记系统,有点像this one。我希望能够做的是,当用户在两个标签之间点击时进行注册,并将光标定位。这个空间是由标签上的边距创建的 - 有没有办法可以检测到该区域中的点击?
空间只是ul元素的一部分,当然,我可以检测到点击,但无法分辨它(我可以吗?)所以不知道光标的位置。我能想到的唯一解决方案是创建两个3px宽的空跨度来代替边距,并注册点击它们......但显然这不是一个很好的解决方案。有更好的方法吗?
这是一个jsfiddle:http://jsfiddle.net/78rhB/1/ 我正在检测的CSS的一点是:
li.token-input-token-facebook {
margin: 3px;
}
答案 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
此代码只是一个示例和必需的调试