3

マウスオーバーイベントをHTML要素の境界線の1つ、たとえばdivの左側の境界線にバインドできるかどうか疑問に思っています。

divは、他の複雑なhtml要素のコンテナーであり、そのサブ要素にはマウスオーバーイベントが付加されています。マウスオーバーイベントをコンテナ全体にバインドするdiv自体はメソッドですが、ユーザーはコンテナを選択するかサブ要素を選択するかを区別できません。

左の境界領域にマウスを合わせたときにコンテナを強調表示するなど、コンテナを選択できることを示す非常にわかりやすい方法が必要です。

または、問題を解決する他の良い方法はありますか?

ありがとうございました。

4

2 に答える 2

7

境界線は要素ではないため、mouseenterイベントを境界線にバインドすることはできません。このタイプの機能が必要な場合は、一連の要素を要素のエッジの周囲(または少なくともターゲットエッジの隣)に配置し、それにバインドする必要があります。

この特定のアプローチは、DropboxのWebベースのアップロード機能で採用されました。デスクトップからページにファイルをドラッグするとdiv、上部、下部、および側面の周りの要素がすべてフェードインして表示されます。これはdiv、ビューポートの端の近くに配置された4つの要素で実現されました。

于 2012-06-06T06:49:41.600 に答える
2

このようにしますか

http://jsfiddle.net/GBpcg/

編集:http: //jsfiddle.net/GBpcg/2/

于 2012-06-06T07:06:00.023 に答える