精华内容
下载资源
问答
  • 主要介绍了js判断鼠标左、中、右键哪个被点击的方法,主要通过event.button事件来判断鼠标点击的类型,需要的朋友可以参考下
  • <html> <head> <meta http-equiv="Content-Type" content="text/html... charset=utf-8" /> <title>测试用户点击js点击</title> <script src='jquery-1.10.2.min.js'></sc...

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>测试用户点击和js点击</title>
    <script src='jquery-1.10.2.min.js'></script>
    </head>
    <body>
    <button id="btn">Click</button>
    <script>
    // 来源:http://www.zhihu.com/question/31259853
    $(document).ready(function(){
    // 方式1
    a();
    // 方式2
    // b();
    // b2();
    // 方式3
    // c();
    // 方式1:btn.click.caller
    function a() {
    var btn = $('#btn');
    // 赋予事件
    btn.click(function() {
    console.log(btn.click.caller);
    if(null === btn.click.caller) {
    // 用户点击的
    alert('用户点击了');
    }else {
    // JS代码调的
    alert('JS点击了');
    }
    });
    btn.click();
    }
    // 方式2: e.originalEvent(jquery)
    function b(){
    var btn = $('#btn');
    // 赋予事件
    btn.click(function(event) {
    // event.originalEvent => MouseEvent
    if(event.originalEvent) {
    // 用户点击的
    alert('用户点击了');
    }else {
    // JS代码调的
    alert('JS点击了');
    }
    });
    btn.click();
    }
    // 方式2:pageX, clientX(原生js),也阔以是offsetX/layerX/screenX
    function b2(){
    // 原生js实现
    var btn2 = document.getElementById('btn');
    // DOM0级事件实现
    btn2.onclick = function(event){
    if (event.pageX){
    alert('用户点击了');
    }else{
    alert('JS点击了');
    }
    }
    btn2.click();
    }
    // 方式3: event.isTrusted IE9+/firefox支持
    function c(){
    var btn = $('#btn');
    // 赋予事件
    btn.click(function(event) {
    // event.originalEvent => MouseEvent
    if(event.isTrusted) {
    // 用户点击的
    alert('用户点击了');
    }else {
    // JS代码调的
    alert('JS点击了');
    }
    });
    btn.click();
    }
    });
    </script>
    </body>
    </html>

    转载于:https://www.cnblogs.com/yddzyy/p/5313261.html

    展开全文
  •  <script src="http://code.jquery.com/jquery-2.1.4.min.js"> 方法一:通过JS document.getElementById('parent').onclick=function(e){  var e = e || window...

    html实例:

    <!DOCTYPE html>
    <html>
    <head>
    	<title>test</title>
    	<style type="text/css">
    		#parent{
    			height:500px;
    			width: 200px;
    			border: 1px solid red;
    			margin:auto;
    		}
    		#child_one{
    			height: 200px;
    			width: 100px;
    			border: 1px solid blue; 
    		}
    		.child_two{
    			height: 100px;
    			width: 50px;
    			border: 1px solid black;
    		}
    		#first{
    			height: 100px;
    			width: 50px;
    			border: 1px solid green;
    		}
    	</style>
    	 <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    </head>
    <body>
    	<div id="parent">
    		<div id="child_one">
    			<div id="first">
    				
    			</div>
    		</div>
    		<div class="child_two">
    			
    		</div>
    	</div>
    
    </body>
    </html>
    
    

    方法一:通过JS

    document.getElementById('parent').onclick=function(e){
            var e = e || window.event;
            var elem = e.target;
            var targetArea = document.getElementById('child_one');
            if(targetArea.contains(elem)){
                alert("在区域内");
            }else{
                alert("在区域外");
            }
        }

    方法二:通过Jquery

    $('#parent').click(function(e){
    	var e = e || window.event;
    	var elem = e.target;
    	if($(elem).is('#child_one') || $(elem).is('#child_one *')){
    		alert("在区域内");
    	}else{
    		alert("在区域外");
    	}	
    })

     

     

    展开全文
  • js判断鼠标左、中、右键哪个被点击

    千次阅读 2017-12-29 18:03:57
    js判断鼠标左、中、右键哪个被点击 function whichButton(event) { var btnNum = event.button; if (btnNum==2) { alert("您点击鼠标右键!") } else if(btnNum==0) { alert("您点击鼠标左键!") }...
    <html>
    <head>
    <title>js判断鼠标左、中、右键哪个被点击</title>
    <script type="text/javascript">
    function whichButton(event)
    {
    var btnNum = event.button;
    if (btnNum==2)
    {
    alert("您点击了鼠标右键!")
    }
    else if(btnNum==0)
    {
    alert("您点击了鼠标左键!")
    }
    else if(btnNum==1)
    {
    alert("您点击了鼠标中键!");
    }
    else
    {
    alert("您点击了" + btnNum+ "号键,我不能确定它的名称。");
    }
    }
    </script>
    </head>
    <body οnmοusedοwn="whichButton(event)">
    <p>请在文档中点击鼠标。一个消息框会提示出您点击了哪个鼠标按键。</p>
    </body>
    </html>
    展开全文
  • 在前台的onclick事件中判断当前鼠标点的是右键还是左键,点不同的键进行不同的操作
  • 我们在点击并移动鼠标时,无法保证我们是以直线移动,可能会出现向左移动时Y点可能会上下有所偏移。 问题解决办法: 我们可以将X轴移动的距离和Y轴的移动距离进行对比做一个模糊判断,当X轴的距离大于Y轴的移动...

    解题思路:
       首先移动有四个方向,为:上、右、下、左。
       我们需要获取鼠标点下时,获取一次鼠标的位置,即鼠标的X轴和Y轴
      可能遇到的问题:
       我们在点击并移动鼠标时,无法保证我们是以直线移动,可能会出现向左移动时Y点可能会上下有所偏移。
      问题解决办法:
       我们可以将X轴移动的距离和Y轴的移动距离进行对比做一个模糊判断,当X轴的距离大于Y轴的移动距离时,我们判定
       为X轴的移动,将Y轴的移动忽略掉
       所需判断的方向:
        上--左上--右上
        下--左下--右下
        左--上左--下左
        右--上右--下右
      所需变量及方法:
       Math.abs(取负数的绝对值)返回正数
       首先我们声明五个变量:var MouseY = 0,MouseX = 0,changeX = 0,changeY = 0;

       var X = 0,Y = 0;
       MouseY 赋值的是鼠标点下那一刻的Y轴坐标
       changeY 赋值的是鼠标松开那一刻的Y轴坐标
       Y赋值的是 changeY - MouseY 的值作为长度比较

       MouseX 赋值的是鼠标点下那一刻的X轴坐标
       changeX 赋值的是鼠标松开那一刻的X轴坐标
       X 赋值的是 changeX - MouseX 的值作为长度比较

     

    上代码:

    var MouseY = 0,MouseX = 0,changeX = 0,changeY = 0;
            var X = 0,Y = 0;
            function mouseDown(ev){
                var Event = ev || event;

                MouseX = Event.clientX;
                MouseY = Event.clientY;
            }
            function mouseUp(ev){
                var Event = ev || event;
                changeX = Event.clientX;
                changeY = Event.clientY;

                X = changeX - MouseX;
                Y = changeY - MouseY;

                if( ( ( (X > 0 && Y < 0) && (X > Math.abs(Y)) ) || ( X > 0 && Y > 0 && X > Y) || (X > 0 && Y == 0)) ){//右移动
                    console.log("右移动");
                }else if( ( (Y > 0 && X < 0) && (Y > Math.abs(X)) ) || ( Y > 0 && X > 0 && Y > X ) || (Y > 0 && X == 0) ){//下移动
                    console.log("下移动");
                }else if( ( (X < 0  && Y > 0) && (Math.abs(X) > Y) ) || ( (X < 0 &&  Y < 0)  && (Math.abs(X) > Math.abs(Y)) ) || (X < 0 && Y == 0) ){//左移动
                    console.log("左移动");
                }else if( ( (Y < 0 && X < 0) && Math.abs(Y) > Math.abs(X) ) || ( (Y < 0 && X > 0) &&  (Math.abs(Y) > X ) ) || (Y < 0 && X == 0) ){//上移动
                    console.log("上移动");
                }else if(X == 0 && Y == 0){
                    console.log("位置没变");
                }
                
            }

    展开全文
  • javascript 判断鼠标右键点击触发事件

    千次阅读 2019-04-04 14:07:54
    0 规定鼠标左键。 1 规定鼠标中键。 2 规定鼠标右键。 //IE 参数不同: 1 规定鼠标左键。 4 规定鼠标中键。 2 规定鼠标右键。 //总的来说,鼠标右键都是2,其他的不管了 <html> <head> <script ...
  • 鼠标事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <button onmousedown=...
  • 判断鼠标点击所在表格的第几行以及删除表格的行 判断鼠标点击所在表格的第几行以及删除表格的行 判断鼠标点击所在表格的第几行以及删除表格的行
  • 今天将前天写好的 表格单元格合并...发现触发点的获取:鼠标点击 FF 跟 IE 有下面这些不同。 inputer.onmousedown = function(e){ e = e || window.event; if(e.button==0 || e.button==1) MergerPlug.td...
  • <script> $(document).mousedown(function(event) { code=event.button; alert(code);...根据弹出数字,可以判断鼠标点击的是哪个键 同时可以设定if语句,对点击这一事件触发其他事件 ...
  • js判断鼠标点击位置是否在圆内

    千次阅读 2018-11-29 19:55:57
    <!DOCTYPE html> <title></title> <style> html, body { padding: 0; margin: 0;... '鼠标在在圆内' : '鼠标不在圆内'; } <p id="content"></p> 结果
  • 演示如何在鼠标响应详细中判断当前用户是通过鼠标点击还是通过触摸完成当前动作,据此可以最大程度兼容传统Windows程序,同时保证触摸体验效果。
  • 想要实现鼠标在基数次点击与偶数次点击时出现不同的样式,所以需要判断一下鼠标点击次数
  • 简单的说:document中mousedown能获得鼠标点击的对象 IE中用event.srcElement; FF中中e.target;然后遍历判断该对象是否为元素子节点。html>body>input type="button" value="Zswang 路过!" onclick="button_...
  • js鼠标右键点击事件

    千次阅读 2019-10-22 10:26:06
    方法一 首先取消右键的系统默认弹窗 document.oncontextmenu = function(e){ return false ...onclick事件无法用e.button判断鼠标左右键。 document.onmouseup = function(e){ if(e.butt...
  • 通过获取事件的中button属性值当button=2,代表右键当button=0,代表左键当button=1,代表点击滚轮例:捕捉鼠标点击事件maomao365.comjs捕捉鼠标点击事件div{background-color:green;color:white;height:...
  • 怎么在javascript判断鼠标左键是否被按下?下面本篇文章就来给大家介绍一下使用javascript判断鼠标左键是否被按下的方法,希望对大家有所帮助。在javascript中,可以通过Event 对象的button事件属性来判断鼠标左键...
  • JavaScript 获取鼠标点击位置坐标 pageX、clientX、screenX、offsetX、layerX、x
  • javaScript鼠标点击切换图片

    千次阅读 2019-10-13 16:12:33
    java Script 鼠标点击切换图片 1.首先提前准备一组图片 ; (鼠标点击开关切换...3.编写鼠标点击事件(直接在js中设置判断点击事件) 1.获取图片id 设置样式为 div02.style.display = “none”; 不在显示中显示图标...
  • //javascript点击页面,判断鼠标左键,右键,中键点击事件 <script language=javascript> function click() { if (event.button == 1) { alert('left'); ...
  • 在jquery中有一个方法可以判断鼠标右键,滑轮,左键被按下。 event.which 起初看一些这方法的说明都是说单击,用了click事件,就试了半天却发现左键可以返回1,滑轮可以返回2,唯独右键一直出现的是菜单栏。后来...
  • 测试用户点击js点击 Click $(document).ready(function(){ // 方式1 a(); // 方式2 // b(); // b2();
  • 主要介绍了js判断鼠标位置是否在某个div中的方法,涉及JavaScript针对鼠标事件的响应及页面元素属性操作相关技巧,需要的朋友可以参考下
  • JavaScript可以通过Event对象的target事件或srcElement(IE浏览器支持)来判断按钮是否被点击。Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。JavaScript判断按钮...
  • 读jQuery之七(判断点击鼠标哪个键) jQuery丢弃了标准的 button 属性采用 which,这有点让人费解。 which 是Firefox引入的,IE不支持。which的本意是获取键盘的键值(keyCode)。 jQuery中的which即...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,801
精华内容 18,320
关键字:

判断js点击还是鼠标点击