www.3112.net > js 鼠标点击事件

js 鼠标点击事件

直接在js里写onClick就可以了,例如document.getElementById("#元素").onClick=function() {...}

简单的示例 div的背景色 会随着鼠标进入变红 离开变白 点击 变绿 双击变蓝var divs = document.getElementsById('div1'); divs.onmouseover = function(){ this.style.background = 'red' } divs.onmouseout = function(){ this.style.backgroun...

如果要兼容浏览器,最好使用一个库来实现,用鼠标的页面位置减去图片的页面位置就行了。 比如jquery: $(document).click(function(e){ alert("X: " + (e.pageX - $('img').offset().left) + ", Y: " + (e.pageY - $('top').offset().top)); });

click:单击 dblclick:双击 mousedown:鼠标上的按钮被按下触发的事件 mouseup:鼠标按下后,松开时触发的事件 mouseover:鼠标悬浮 mouseout:鼠标离开 mousemove:鼠标移动 mouseenter:鼠标进入 mouseleave:鼠标离开

// 两秒后模拟点击 setTimeout(function() { // IE if(document.all) { document.getElementById("clickMe").click(); } // 其它浏览器 else { var e = document.createEvent("MouseEvents"); e.initEvent("click", true, true); document.getE...

没有按任何按钮。 events.button==1 鼠标左键 events.button==2 鼠标右键 events.button==3 鼠标左右键同时按下 events.button==4 鼠标中键 events.button==5 鼠标左键和中键同时按下 events.button==6 鼠标右键和中键同时按下 events.button==7...

pro.html.one {background-color: white;}.two {background-color: yellow;}window.onload = function () { var ul = document.getElementsByTagName ('ul')[0]; var imgs = ul.getElementsByTagName ('img'); for ( var i = 0; i < imgs.length...

常用的是 event.clientX和event.clientY分别获取横向的和纵向的位置,但仅使用这个方法是不够的,因为event.clientX和event.clientY获取的鼠标位置是相对于当前屏幕的,而不考虑页面的滚动条所滚动的距离。 function pointerX(event) { return e...

html,body{ height: 100%; } var clickNum=0; document.body.onclick=function(){ clickNum++; alert(clickNum); }

网站地图

All rights reserved Powered by www.3112.net

copyright ©right 2010-2021。
www.3112.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com