请问原生js怎么实现一个右键菜单效果?
网友回复
用 window.oncontextmenu实现,代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { margin: 0; padding: 0; } ul { list-style-type: none; position: absolute; width: 180px; background-color: #fff; border: 1px solid rgb(211, 211, 211); padding: 4px 0; display: none; } ul li { margin-bottom: 4px; border-bottom: 1px solid rgb(211, 211, 211); padding: 0 16px; line-height: 30px; height: 30px; } ul li:last-child { margin-bottom: 0; border-bottom: none; } ul>li>a:first-child { float: left; } ul>li>a:last-child { float: right; color: rgb(156, 156, 156); } a { text-decoration: none; font-size: 12px; col...
点击查看剩余70%