鼠标右键事件

开发项目过程中，我们有可能需要用到鼠标右键事件，利用鼠标右键事件来达到我们需要的效果。如下是html代码，这里我们是需要在某个div中设置鼠标右键事件，根据点击鼠标右键来显示添加和删除两个按钮，然后根据这两个按钮来实现我们的效果。

给div设置鼠标右键事件，在这个div中点击鼠标右键，就会触发这个方法，要想这个鼠标右键事件能够触发就必须先阻止浏览器的鼠标右键事件，不然就算在你设置的div里怎么点都不会触发右键事件，它只会触发浏览器中的右键事件。然后就是获取右键事件的坐标，这两个坐标很重要，它可以设置你在哪个位置触发了右键事件就会在哪个位置显示你需要的效果，把这两个坐标设置在你需要的样式中即可。根据绝对定位把坐标设置为其的top和left的值。

点击鼠标右键我们可以先打印输出一下它获取的值，在输出中我们可以获取到我们想要的数据，比如坐标，然后把坐标设置在对应的div样式中即可。

点击鼠标右键的效果如下。一点击鼠标右键就会显示出我们之前设置的两个按钮。

点击鼠标右键显示按钮已完成，我们也需要让其隐藏起来，就需要在body中添加一个点击事件，让显示的按钮隐藏起来。只要在body中鼠标左键单击就会把显示的按钮进行隐藏。