js模拟点击鼠标右键

JavaScript019

js模拟点击鼠标右键,第1张

前提是该元素已绑定事件

如果没有事件，右键是系统默认的右键菜单

因此，先给元素绑定个右键事件：

再来模拟右键菜单

如果要实现系统级的右键菜单，只能借助其他方法，比如使用pywin32的

python实现鼠标右键

思路：

你需要先组织默认的右键事件，

你需要自己制作一个右键图层，

下面是简单的代码：

<style>

* {margin:0 padding:0 list-style:none}

#ul1 li {width:400px background:#CCC border:1px solid black margin:10px float:left line-height:30px text-indent:1em}

#menu {width:150px border:1px solid black border:1px solid black position:absolute left:0 top:0 display:none background:white}

#menu li {padding:3px}

#menu li:hover {background:#CCC}

</style>

<script>

window.onload=function (){

var aLi=document.getElementById('ul1').children

var oMenu=document.getElementById('menu')

var aMenuLi=oMenu.children

for (var i=0 i<aLi.length i++)

{

aLi[i].oncontextmenu=function (ev){

var oEvent=ev || event

oMenu.style.display='block'

oMenu.style.left=oEvent.clientX+'px'

oMenu.style.top=oEvent.clientY+'px'

var _this=this

aMenuLi[0].onclick=function (){

_this.parentNode.removeChild(_this)

}

return false

}

}

document.onclick=function (){

oMenu.style.display='none'

}

}

</script>

</head>

<body>

<ul id="menu">

<li>删除</li>

<li>变成红色</li>

<li>变成绿色</li>

<li>变成黄色</li>

<li>变成蓝色</li>

</ul>

<ul id="ul1">

<li>中国信保原副总戴春宁贪污、受贿、通奸被开除党籍</li>

<li>中纪委原书记贺国强考察贵阳孔学堂（图）</li>

<li>解放军报官微：胡锡进相关微博内容是胡说八道</li>

<li>刘汉向湖北省高院提出上诉 已提交上诉状</li>

<li>澳洲公布疑似马航坠毁噪音 或解MH370失踪之谜</li>

<li>曝京沪高铁上海段地面开裂10cm 回应称不影响运营</li>

<li>朝鲜宣传一农场已建成“社会主义世外桃源”(图)</li>

</ul>

</body>

在 JS 中可以通过 Location 对象来控制浏览器访问的 URL 来达到刷新/跳转的目的。

JS 中的 Location 对象常用的有 href 属性，和 assign, replace 方法等。直接给 Location 对象的 href 属性赋值 或对 assign, replace 方法调用都能使用浏览器转到指定的 URL，如果我们转递的 URL 就是当前 URL 那么就可以达到刷新的目的。但是直接对 href 属性赋值相同的 URL 有的浏览器不会响应，而对 replace 调用时使用不同的 URL 又会产生历史记录，所以在这里我们使用 assign 是最合适的，下面是示例代码：

location.assign(location.href) // 这一句相当于刷新浏览器

如果之前的页面是使用 POST 方法访问的，这个时候是不能使用上面的方法，而应该使用 reload 这个真正的 F5 刷新方法：

location.reload() // 这个等同于 F5 刷新浏览器

执行后浏览器会弹出提示是否同意再次提交 POST 数据的确认信息框。