JavaScriptまたはjQueryを使用して複数の要素を選択および選択解除するにはどうすればよいですか？

Question

私は現在、いくつかのオンラインエディタで作業しています。私は、Ctrlキーを押しながら複数の要素（このすべて同じクラス）を選択する可能性を持っています。プログラムのほとんどの場合と同様です。 。整列する。そして、このすべての横にある要素の場合は、すべての要素のすべての要素外の場合は - 私はどこかをクリックすると

私はachiveしたい2つ目は、すべての選択を解除できるようにすることです。

クリックして何らかのアクションを実行すると、テーブルに挿入しようとしていましたが、このテーブルのオブジェクトのみでしたが、Ctrlキーを押しながら選択する方法はわかりませんどれか。

は、私はまた、外のオブジェクトをクリックする上で、この機能を試してみました：

$('html').click(function(){ 
    alert("Deselect"); 
}) 

しかし、それはどちらかの作業をdoes't。

だから、誰もがこのアクションを実行する他の方法を知っていますか？

これは私が何をしたいのかの例です（Advanced Editingをクリックする必要があります）。これは、エディタの右上隅にあるリストの整列を意味します。また、外側を押すとオブジェクトの選択が解除され、ctrlが選択されます。

http://www.vistaprint.com

あなたの助けやアイデアをありがとうございました。

Answer 1

私はあなたがEvent delegationを使用することをお勧め： あなたは次のように動作いくつかのコンテナのクリックイベントハンドラ添付：CTRLボタンをない押され、すべての明確な選択である場合はたぶん、あなたはすべて保つ（

1. をいくつかのリストで選択されたアイテムを削除してください。
2. クリックすると、選択できる要素がいくつか表示されます（event.targetでクリックされた要素を特定できます。上記の記事を参照）。その要素をリストに追加します。

ctrlボタンについて： keydownとkeyupイベントハンドラが必要です。そのうちの1つでisCtrlPressedの変数をtrueに、別のものをfalseに変えてください。