html去除右键菜单,如何用JS在Canvas里面去掉浏览器原有的右键菜单？添加一个新的点击事件弹出菜单？然后选择菜单的各项执行不同的事件？...

您的浏览器暂不支持画布！

您的浏览器暂不支持画布！

var oDiv=document.getElementById('right');

var r_menu=document.createElement('div');

oDiv.οncοntextmenu=function(ev){

var oEv=ev || event

//document.οncοntextmenu=function(){return false;}

oEv.cancelBubble=true;

var l=oEv.clientX

var t=oEv.clientY

r_menu.id='rignt_textmenu';

r_menu.className='right_menu';

r_menu.innerHTML='

• 刷新
• 关闭
• 复制
• 粘贴

'

r_menu.style.left=l+'px'

r_menu.style.top=t+'px'

oDiv.appendChild(r_menu);

var del_li=oDiv.children[0].children[0].children[1];

//console.log(del_li)

del_li.click(function(){

document.body.removeChild(oDiv);

});

return false;

};

oDiv.οnclick=document.οnclick=document.οncοntextmenu=function(ev){

var oEv=ev || event

oEv.cancelBubble=true;

var r_menu=document.getElementById('rignt_textmenu');

// alert(r_menu)

if(r_menu){

oDiv.removeChild(r_menu);

};

}

//报错信息：Uncaught TypeError: Cannot read property 'children' of undefined at HTMLDivElement.oDiv.oncontextmenu()

并且里面还有右键事件没清除