0

要素の css マージンのクリックを検出する方法はありますか?

このようなテキストボックスでタグ付けシステムを使用しています。私ができるようにしたいのは、ユーザーが2つのタグの間をクリックしたときに登録し、カーソルをそのように配置することです。このスペースは、タグの余白によって作成されます。そのゾーンでクリックを検出する方法はありますか?

それ以外の場合、スペースは ul 要素の一部にすぎません。もちろん、クリックを検出できましたが、それがどこにあるのかわかりませんでした (できますか?)。そのため、カーソルをどこに配置すればよいかわかりません。私が考えることができる唯一の解決策は、マージンの代わりに使用する 2 つの 3px 幅の空のスパンを作成し、代わりにクリックを登録することです...しかし、明らかにそれはそれほどきちんとした解決策ではありません。これを行うより良い方法はありますか?

ここに jsfiddle があります: http://jsfiddle.net/78rhB/1/ 私が検出しようとしている CSS のビットは次のとおりです。

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

2 に答える 2

2

ラベル ラッピング入力を使用すると、jQuery なしで動作するはずです。 http://codepen.io/anon/pen/Aviwf デモ用に余白と背景色を増やしました

input {margin:0 3em;}
label {display:inline-block;background:rgba(0,0,0,0.1)}
于 2013-06-26T11:26:23.597 に答える