右键菜单

228 阅读1分钟
  1. cursor鼠标样式 pointer为小手样式
  2. border-radius圆角属性 后跟随像素 当像素大于等于50%时为圆
  3. oncontextmenu 鼠标右键单击事件
  4. event.preventDefault()/return false 撤销系统属性
  5. event.clientX X轴距离
  6. 设置元素样式时
    在所需元素后添加单位如:omenu.style.top=top +'px';
    带连字符的属性要改为驼峰式如:omenu.style.fontSize=14 +'px';
  7. innerHTML 获取或向标签内插入内容
    如 console.log( ali[this.index].innerHTML )
    或ali[this.index].innerHTML='123'
  8. 在页面任意处单击鼠标触发事件
    document.onclick = function(){ }
  9. 让菜单跟随鼠标点击而出现(设置定位 改变其left top)