javascript - Il y a plusieurs boutons sur l'interface. En cliquant sur n'importe quel bouton, une boîte d'invite apparaîtra. Comment distinguer quel bouton est cliqué et quelle boîte d'invite vous appartient ?

Question

Il y a de nombreux boutons sur l'interface. Désormais, la boîte de dialogue s'affiche lorsque la souris est déplacée vers l'intérieur et disparaît lorsque la souris est déplacée vers l'extérieur. Comment déterminer quel événement de déplacement et de suppression de bouton est provoqué.
Puis-je écrire directement en fonction du menu en anneau wheelmenu.js ?

Answer 1

Pour être honnête, je ne comprends pas ce que vous voulez demander. De manière générale, il existe deux méthodes couramment utilisées pour déterminer l'élément cible :

La première consiste à lier un événement à chaque bouton, afin que les éléments correspondant à chaque événement correspondant soient relatifs.

La seconde est réalisée grâce à la délégation d'événements, et e.target est utilisé pour déterminer quel bouton est déclenché.

Il existe également une situation comme dans le canevas. Puisqu'il est impossible d'obtenir directement si chaque objet du canevas déclenche un événement, vous devez utiliser le mode observateur pour déterminer si la position de la souris est à l'intérieur d'un objet. la méthode des rayons peut être utilisée à l’intérieur du polygone.

Answer 2

Délégation événementielle. Juge basé sur e.terget. Ou utilisez le mode observateur et utilisez des valeurs uniques comme paramètres

Answer 3

Les plug-ins généraux auront une fonction de rappel. Si tel est le cas, vous pouvez reconstruire le rappel
pour déléguer l'événement de clic à chaque bouton afin de déterminer de quel bouton il s'agit

.

Answer 4

委托

Écrivez l'événement dans un conteneur, tel que p

<p id="pButtons">
    <p>
        //这里面放你的按钮些
    </p>
</p>

//写移动事件，把事件写在外层容器，不用考虑异步加载的问题
$('#pButtons').mousemove(function(e){
    e=e||window.event;
    //该对象为鼠标移动的时候，拿到的节点
    var target=e.target||e.srcElement;
    //判断该节点是否为按钮,节点名为大写
    if(target.nodeName=='BUTTON'){
        //$(target)就可以操作这个鼠标所在的按钮
    }
});

Answer 5

Délégué événementiel evt.target