ユーザーが要素を表示してクリックできるかどうかを確認するにはどうすればよいですか？

Question

document.elementFromPoint機能を使用して、ページ内のすべての本当に表示されクリック可能な要素を見つけることができます。ただし、ビューポート外の要素の場合はnullを返します。

したがって、クリック可能な要素と表示可能な要素をすべてフルページで見つける方法はありますか。目に見える要素はスタイルに限られていません。ちょうどすべての子要素の背後に隠されているコンテナ<div>を考えてみてください。したがって、親<div>はもう見えません。

だから、あなたはページ内のすべての本当に目に見える要素を見つけることが可能であるか任意のアイデアを持っていますか？上記の例では、明らかに「Parent <div>」は実際には見えません。これらの要素が表示されず、スタイル（display,visibilityなど）がそれを示していないという予測不可能な状況がいくつかあります。

私の最終的な意図：要素がであるかどうかは、実際にと表示され、エンドユーザーがクリックできるかどうかをチェックしたいと思います。ユースケースの例として、ユーザーがクリックする可能性のあるすべてのゾーンを探したいと思っています。

Answer 1

domApiのイベントの背後にある基本を誤解していると思います。 クライアントで何らかのイベントが発生した場合、バブルとキャプチャが発生します。 このようなコード（document.addEventListener('click',function(){},false)、

）は、イベントをキャプチャする代わりにバブルを使用する必要があります。 実際にクリック可能なdom要素は、DOMJがバブルまたはキャプチャを使用するかどうかに関係します。