鼠标事件

千次阅读 2019-01-21 13:22:14

鼠标事件 鼠标事件有很多：click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout。这些方法的语义化都很好，大家看名字基本都懂是什么意思。其中，contextmenu是右键出现菜单事件，并不是右键...

鼠标事件
鼠标事件有很多：click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout。这些方法的语义化都很好，大家看名字基本都懂是什么意思。
其中，contextmenu是右键出现菜单事件，并不是右键事件。
click是一个完整的点击事件，包括mousedown和mouseup。
mouseover和mouseout是一组事件，对应于鼠标的移入移出事件。
• 所有的鼠标事件都有clientX和clientY，代表的是鼠标点击的位置，我们可以通过e.clientX和e.clentY来查看。
• 左键点击的顺序是：mousedown、mouseup、click
var firstTime,lastTime,flag = false;
 document.onclick = function (e) {
      console.log(‘click’);
  }
  document.onmousedown = function (e) {
      console.log(‘mousedown’);
 }
  document.onmouseup = function (e) {
     console.log(‘mouseup’);
 }

输出的结果是mousedown、mouseup、click。
• 当我们同时绑定了click事件和mousedown事件后，如何解决mousedown和click的冲突问题？
其实方法很简单，我们可以通过按下鼠标的事件来判断是执行click还是mousedown事件。
var firstTime,lastTime,flag = false;
  document.onclick = function (e) {
      if (flag) {
          console.log(‘click’);
      }else {
          console.log(‘mousedown’);
      }
  }
  document.onmousedown = function (e) {
      firstTime = new Date().getTime();
  }
  document.onmouseup = function (e) {
      lastTime = new Date().getTime();
      if (lastTime - firstTime < 200) {
         flag = true;
      }else {
          flag = false;
      }
  }

• 如何判断鼠标点击的是左键还是右键？
click事件永远都是左键，有左键和右键的区别的是mousedown事件。
再mousedown的事件对象中有一个属性叫做button，这个属性的值是0的时候代表我们按下的是左键，1的时候代表按下的中键，2的时候代表按下的是右键。
 document.onmousedown = function (e) {
     if (e.button == 0) {
         console.log(‘left’);
      }else if (e.button == 1) {
          console.log(‘mid’);
      }else {
         console.log(‘right’);
      }
  }

这里我们就可以重新回顾一下拖拽事件了：
var div = document.getElementsByTagName(‘div’)[0]
  function drag(elem) {
      var disX,dixY;
    addEvent(elem, ‘mousedown’, function (e) {
          var event = e || window.event;
          disX = event.clientX - parseInt(getStyle(elem, ‘left’));
          disY = event.clientY - parseInt(getStyle(elem, ‘top’));
          addEvent(document, ‘mousemove’, mouseMove);
          addEvent(document, ‘mouseup’, mouseUp);
          stopBubble(e);
          cancelHandler(e);
      });
   
      function mouseMove(e) {
          var event = e || window.event;
          elem.style.left = event.clientX - disX + ‘px’;
          elem.style.top = event.clientY - disY + ‘px’;
     }
      function mouseUp (e) {
          removeEvent(document, ‘mousemove’, mouseMove);
          removeEvent(document, ‘mouseup’, arguments.callee);
     }
 }

• 针对鼠标帧频过快的问题，IE中有一个也可以说是另一种事件捕获的方法——domEle.setCapture()。
调用这个方法之后，页面后续的所有操作就会全部都归于这个domEle上，比如div有一个拖拽事件，不过mousemove绑定在div上，只要调用了这个方法，当鼠标拖拽过程中鼠标移出了div，这个时候有效的鼠标移动就变成了document上的mousemove事件了，但是它还是归于了div上，因此div还是可以跟着鼠标移动。
同时还有一个domEle.releaseCapture()方法可以来释放这个捕获行为。

收起

展开全文

事件鼠标事件表单事件 from表单

2020-10-05 12:55:10

事件事件的三大要素事件绑定对象指的是,绑定事件和事件处理函数的标签这个标签有可能不是触发事件的标签事件类型 ... 鼠标事件 表单事件键盘事件触摸事件特殊事件事件处理函数触发事

事件
        事件的三大要素
            
            事件绑定对象
                指的是,绑定事件和事件处理函数的标签
                这个标签有可能不是触发事件的标签

            事件类型
                绑定的标签的事件类型
                    鼠标事件   表单事件   键盘事件   触摸事件   特殊事件

            事件处理函数
                触发事件时执行的程序
                一个标签,往往相同的事件类型只能绑定一个事件处理函数
                如果要绑定多个事件处理函数,需要使用事件监听语法

鼠标事件
<style>
    div{
        width: 200px;
        height: 200px;
        border:1px solid black;
    }

    span{
        border: 1px solid green;
    }
</style>
</head>
<body>
<div>我是div
    <span>我是span标签</span>
</div>
<script>
    // 鼠标事件
    // 通过操作鼠标,来触发事件
    
    var oDiv = document.querySelector('div');

    // 1,左键单击事件  click 

    oDiv.onclick = function(){
        console.log('触发的是鼠标左键单击事件');
    }

    // 2,左键双击事件 dblclick

    // oDiv.ondblclick = function(){
    //     console.log('触发的是鼠标左键双击事件');
    // }


    // 3,右键单击事件  contextmenu

    // oDiv.oncontextmenu = function(){
    //     console.log('触发的是鼠标右键事件');
    // }

    
    // 4,鼠标按键按下事件   mousedown
    // 当鼠标按下时,触发事件

    // 鼠标的点击事件是 两个动作完成的
    //    一个是鼠标按下,一个是鼠标抬起
    //    如果只有按下动作,只会触发 mousedown
    //    抬起时,完成一个完整的点击效果,才会触发 click

    // oDiv.onmousedown = function(){
    //     console.log('鼠标按下了');
    // }


    // 5,鼠标按键抬起事件   mouseup
    // 当鼠标抬起时,触发事件

    // oDiv.onmouseup = function(){
    //     console.log('鼠标抬起来了');
    // }

    // 总结:
    //   1,鼠标点击事件,分为两部分完成
    //       鼠标按下   鼠标抬起
    //   2,只操作鼠标按下,只会触发鼠标按下事件
    //   3,只操作鼠标抬起,只会触发鼠标抬起事件
    //   4,两个操作都完成后,才会触发鼠标点击事件
    //   5,鼠标按下抬起,不区分左键右键


    // 6,鼠标移入事件
    // 经过标签边界线的时候触发

    //   mouseover     mouseenter

    // 经过子级会触发
    oDiv.onmouseover = function(){
        console.log('我进来了1111');
    }

    // 经过子级不触发
    oDiv.onmouseenter = function(){
        console.log('我进来了2222');
    }

    // 7,鼠标移出事件
    // 经过标签边界线的时候触发

    //   mouseout    mouseleave

    // 经过子级会触发
    oDiv.onmouseout = function(){
        console.log('我出去了1111');
    }

    // 经过子级不会触发
    oDiv.onmouseleave = function(){
        console.log('我出去了2222');
    }

    // 总结:
    // 1,鼠标移出,移出事件,只有经过标签边界线时触发
    //   在标签内部时,不会触发

    // 2,mouseover   mouseout
    //   经过当前标签边界线时会触发
    //   经过子级标签边界线时也会触发

    // 3,mouseenter  mouseleave
    //   只有经过当前标签时会触发
    //   经过子级标签时,不会触发

    // 8,mousemove   鼠标移动
    // 鼠标在标签范围内移动,会触发事件
    // 效果类似于 :hover

    oDiv.onmousemove = function(){
        console.log('我动来动去');
    }
</script>

表单事件
<body>
<form action="./01_复习.html">
    账号 : <input type="text"><br>
    <button>提交</button>
</form>



<script>
    // 表单事件
    //     与form表单相关的事件

    var oIpt = document.querySelector('input');
    var oForm = document.querySelector('form');

    // 1, focus    标签获取焦点事件
    //    所谓的鼠标检点,就是鼠标点击的对象是当前标签
    
    oIpt.onfocus = function(){
        console.log('我被点击了,我获取了焦点');
    } 


    // 2, change   标签失去焦点,并且数据改变,触发事件
    //    触发事件有两个条件
    //       1,标签失去焦点 --- 焦点在其他标签上
    //       2,标签的数据,发生改变

    oIpt.onchange = function(){
        console.log('我失去焦点了,而且我被改变了')
    }

    // 3, input    标签输入内容时,触发事件

    oIpt.oninput = function(){
        console.log('我被输入数据了')
    }

    // 4, submit   表单提交事件
    //   绑定给form表单标签
    //   可以阻止提交表单
    //   多用于,提交数据时,做判断操作
    //   如果数据不符合要求,就阻止表单提交

    oForm.onsubmit = function(e){
        // 阻止表单提交,后面详细讲
        e.preventDefault();
        window.alert('您输入的数据有误')
    }

</script>

from表单
<body>
<form action="./01_复习.html">
    注册账号: <input type="text" name="us" placeholder="请你您输入账号,8-16位"><span name="username"></span><br>
    注册密码: <input type="password" placeholder="请你您输入密码,8-16位"><br>
    重复密码: <input type="password" placeholder="二次输密码,与密码一致"><br>
    验 证 码 : <input type="text" placeholder="请你您二次验证码"> <br>
              <span name="vc"></span><button type="button" name="reset">看不清刷新</button><br>

    <button>提交</button>
</form>


<script>
    // 简单的form表单验证demo

    // 1,要获取生成,验证码
    //   实际项目中,往往是与第三方机构获取验证码
    //   目前本地生成一个随机的6位验证码

    var str = '0123456789abcdefghijklmnopqrstuvwxyzABCEDEFGHIJKLMNOPQRSTUVWXYZ';
    var oVc = document.querySelector('[name="vc"]');
    oVc.innerHTML = setVc(str);


    var oBtnReset = document.querySelector('[name="reset"]');
    oBtnReset.onclick = function(){
        oVc.innerHTML = setVc(str);
    }

    // 2,当标签获取焦点时,给标签后,输入提示信息
    // 标签要在不同的事件中获取数据,不能直接获取数据
    // 一般是先获取标签对象,然后在事件执行的时候,获取 标签对象.value数据

    // 当输入账号标签获取焦点时
    var oIptUserName = document.querySelector('[name="us"]');
    var oSpanUserName = document.querySelector('[name="username"]');


    // 获取焦点,在span标签中输入提示
    oIptUserName.onfocus = function(){
        oSpanUserName.innerHTML = '请您输入账号,不能为空,长度是8-16位';
        oSpanUserName.style.color = 'black';

    }

    // 输入数据,在span标签中输入提示
    oIptUserName.oninput = function(){
        // 1,获取input标签数据的数据,length属性就是输入的数据长度
        var usernameValue = oIptUserName.value;
        oSpanUserName.innerHTML = `您当前输入${usernameValue.length}个字符,最多输入16位字符,您还是可以输入${16-usernameValue.length}个字符`;
        oSpanUserName.style.color = 'black';

    }

    // 当失去焦点时,判断,输入的数据,是否符合规范
    // 目前就判断数据的长度是8-16为字符

    oIptUserName.onchange = function(){
        // 验证数据长度在8-16位之间
        var usernameValue = oIptUserName.value;
        // 当账号长度在8-16位之间时,输入账号符合规范的提示信息
        if( usernameValue.length >= 8 &&  usernameValue.length <= 16 ){
            oSpanUserName.innerHTML = '您输入的账号符合规范';
            oSpanUserName.style.color = 'black';

        // 当账号长度不在8-16位之间时,输入账号不符合规范的提示信息
        }else{
            oSpanUserName.innerHTML = '您输入的账号不符合规范';
            oSpanUserName.style.color = 'red';
        }
    }

    // 其他输入框的验证,自己补全
    // 爱怎么写怎么写,能有提示内容和效果就可以

    // 当点击提交按钮时,进行数据验证
    // 数据必须符合规范,才能执行提交表单效果
    // 否则会阻止表单提交

    var oForm = document.querySelector('form');

    // 提交事件,要阻止调教,参数必须有一个e
    oForm.onsubmit = function(e){
        // 1,输入内容不能为空
        // 如果输入内容是空字符串,就在对应项输入提示,并且组织表单提交,终止程序

        var usernameValue = oIptUserName.value;
        
        // 如果账号数据为空
        if( usernameValue === '' ){
            // 阻止表单提交
            e.preventDefault();
            oSpanUserName.innerHTML = '您输入的账号,不能为空';
            oSpanUserName.style.color = 'red';
            return;
        }

        // 其他的为空判断,自己来补充完整


        // 验证数据长度
        
        if( !( usernameValue.length >= 8 &&  usernameValue.length <= 16 ) ){
            e.preventDefault();
            oSpanUserName.innerHTML = '您输入的账号,不符合长度规范,请输入8-16位账号';
            oSpanUserName.style.color = 'red';
            return;
        }


        // 其他的长度判断,自己来补充完整

        // 密码和二次输入密码,数据必须完全一致
        // ===

        // 输入的验证码数据,必须与生成的验证码内容,完全一致
        // ===

        // 如果之前所有的if判断,都没有被执行
        // 证明输入的账号,密码符合规范
        // 才能正确提交数据
    }
        




    function setVc(str) {
        var vc = '';
        while (vc.length < 6) {
            var num = parseInt(Math.random() * str.length);

            if (vc.indexOf(str[num]) === -1) {
                vc += str[num];
            }
        }
        return vc;
    }



    

</script>

收起

展开全文

OpenCV处理鼠标事件

千次阅读 2020-10-23 08:00:27

1.创建鼠标事件回调函数，当鼠标事件发生时就会被执行。比如左键按下，松开，左键双击等。可以通过鼠标事件获得相对应的图片上的坐标，根据这些信息可以做想做的事。所有鼠标事件回调函数都有一个统一的格式，不同...

使用工具：Python3.5

涉及包：cv2

函数：cv2.setMouseCallback()

简单的程序，在图片上双击过的位置绘制一个圆圈

1.创建鼠标事件回调函数，当鼠标事件发生时就会被执行。

比如左键按下，松开，左键双击等。可以通过鼠标事件获得相对应的图片上的坐标，根据这些信息可以做想做的事。所有鼠标事件回调函数都有一个统一的格式，不同的地方是被调用后的功能。

#查看所有被支持的鼠标事件
import cv2
events = [i for i in dir(cv2) if 'EVENT' in i]
print (events)


功能实现

import cv2
import numpy as np

# mouse callback function

def draw_circle(event, x, y, flags, param):
    if event == cv2.EVENT_LBUTTONDBLCLK:
        cv2.circle(img, (x, y), 100, (255, 0, 0), -1)


# 创建图像与窗口并将窗口与回调函数绑定
img = np.zeros((500, 500, 3), np.uint8)
cv2.namedWindow('image')
cv2.setMouseCallback('image', draw_circle)

while (1):
    cv2.imshow('image', img)
    if cv2.waitKey(1)&0xFF == ord('q'):#按q键退出
        break
cv2.destroyAllWindows()


高级点程序

根据我们选择的模式在拖动鼠标时绘制矩形。所以回调函数包含两个部分。

import cv2
import numpy as np
#当鼠标按下时为True
drawing = False
#如果mode为true时绘制矩形，按下'm'变成绘制曲线
mode = True
ix,iy = -1,-1

#创建回调函数
def draw_circle(event,x,y,flags,param):
    global ix,iy,drawing,mode
    #当按下左键时返回起始位置坐标
    if event == cv2.EVENT_LBUTTONDOWN:
        drawing = True
        ix,iy=x,y
    #当左键按下并移动时绘制图形，event可以查看移动，flag查看是否按下
    elif event==cv2.EVENT_MOUSEMOVE and flags==cv2.EVENT_FLAG_LBUTTON:
        if drawing == True:
            if mode == True:
                cv2.rectangle(img,(ix,iy),(x,y),(0,255,0),-1)
            else:
                #绘制圆圈，小圆点连在一起就成了线，3代表笔画的粗细
                cv2.circle(img,(x,y),3,(0,0,255),-1)
              
    #当鼠标松开时停止绘图
    elif event ==cv2.EVENT_LBUTTONUP:
        drawing == False

'''
下面把回调函数与OpenCV窗口绑定在一起，在主循环中奖'm'键与模式转换绑定在一起
'''
img = np.zeros((500,500,3),np.uint8)
cv2.namedWindow('image')
cv2.setMouseCallback('image',draw_circle)
while(1):
    cv2.imshow('image',img)
    k=cv2.waitKey(1)
    if k ==ord('m'):
        mode=not mode
    elif k==ord('q'):
        break
cv2.destroyAllWindows()

收起

展开全文

python opencv js canvas

selenium鼠标事件

千次阅读 2019-08-06 11:26:28

鼠标事件 对于鼠标事件，相信大家都不陌生。鼠标事件分很多种，其中有之前提到的单击，因为单击事件比较重要作者就早点介绍了。鼠标事件包含单击、双击、拖动右击等。最常用的就是单击。但是Selenium是比较强大的事...

鼠标事件
对于鼠标事件，相信大家都不陌生。鼠标事件分很多种，其中有之前提到的单击，因为单击事件比较重要作者就早点介绍了。鼠标事件包含单击、双击、拖动右击等。最常用的就是单击。但是Selenium是比较强大的事吧！哈哈，Selenium也提供了许多的鼠标事件，供大家使用，下面逐一介绍。鉴于单击前面已介绍过，所以后面就不再介绍单击事件了。


一、右击鼠标事件

右击事件一般是在有附加菜单的情况下使用，或者与鼠标事件配合使用，在一般的页面上你会发现很少有前段会单独做一个右击的菜单。一般都是浏览器默认的菜单，只有一些做的比较好的网页才会做右击菜单。例如百度网盘。

创建鼠标事件思路：1、定位元素；2、创建一个动作 ；3将元素放入动作中；4、执行动作

类名：contextClickDemo
driver.get("https://www.baidu.com");
WebElement e=driver.findElement(By.id("kw"));//定位百度搜索输入框
Actions action=new Actions(driver);//创建一个动作对象
action.contextClick(e).perform();  //将定位好的百度搜索输入框对象传到动作内并执行

注意：在我们执行鼠标事件的过程中，一定要在末尾增加.perform()不然Selenium会将鼠标动作保存在缓冲区中而不去执行。
二、双击鼠标事件

双击鼠标事件，在平常使用过程中，对于大家对于双击鼠标事件应该不陌生。Windows界面的图标就是双击执行的。如果在Web页面上的话，一般除了特例之外就是用来选择单词，或者一个词。但是不得不说双击事件还是比较常见的事件之一。

类名：doubleClickDemo
driver.get("https://www.baidu.com");
WebElement e=driver.findElement(By.id("kw"));//定位百度搜索输入框
e.sendKeys("Softly");Thread.sleep(2000);//输入Softly并等待2秒
Actions action=new Actions(driver);//创建一个动作对象
action.doubleClick(e).perform();  //将定位好的百度搜索输入框对象传到动作内并执行

三、拖动鼠标事件

拖动鼠标由两个元素一个动作组成。可以理解成两个位置，从A位置按住鼠标然后移动到B位置，再释放鼠标。这一系列就是将鼠标拖动拆分。在编写自动化脚本的过程中我们也需要这种思想。将一个动作拆分组合。拖动鼠标又分两种，一种是将对象拖动到某一对象上dragAndDrop(WebElement,WebElement);。还有一种是指将对象拖动到某一个坐标上dragAndDropBy(WebElement,int X,int Y);。


类名：dragAndDropDemo
dragAndDrop(WebElement,WebElement);示例：
	driver.get("https://www.baidu.com/cache/sethelp/help.html");
	Actions action=new Actions(driver);//创建一个动作对象
	WebElement e=driver.findElement(By.cssSelector("html body div.content h3"));//定位首标题
	WebElement e1=driver.findElement(By.cssSelector(".detail"));
	e1=e1.findElement(By.tagName("h6"));//利用层级定位定位h6标题
	action.dragAndDrop(e,e1).perform();//拖动鼠标从e--->e1

dragAndDropBy(WebElement,int X,int Y);示例：
driver.get("https://www.baidu.com/cache/sethelp/help.html");
	Actions action=new Actions(driver);//创建一个动作对象
	WebElement e=driver.findElement(By.cssSelector("html body div.content h3"));//定位网页首标题
	action.dragAndDropBy(e,300,300).perform();//拖动鼠标从e对象到X300Y300的位置

四、移动鼠标事件

移动鼠标事件，在Web中一般是触发事件，在鼠标移动到某一元素时触发Js，弹出浮层，或者菜单等等。可用于元素定位的时候因没有移动鼠标触发元素而引起的定位不到元素的情况。像这类的触发在Web网页中是经常会遇到的。比如百度首页就存在类似的菜单。
类名：moveByDemo
moveToElement();示例：
第一种：直接传对象
driver.get(“https://www.baidu.com”);

Actions action=new Actions(driver);//创建一个动作对象

WebElement e=driver.findElement(By.cssSelector(“html body div#wrapper div#head div.head_wrapper div#u1 a.pf”));//定位百度页面的设置

action.moveToElement(e).perform();//将鼠标移动到百度设置的元素上
第二种：传对象和对象的位置
driver.get("https://www.baidu.com");
	Actions action=new Actions(driver);//创建一个动作对象
	WebElement e=driver.findElement(By.cssSelector("html body div#wrapper div#head div.head_wrapper div#u1 a.pf"));//定位百度页面的设置
	action.moveToElement(e,5,5).perform();  //移动到e对象的X轴5Y轴5位置

注意：moveToElement();第二种鼠标事件时移动到某一元素的位置，以元素的左上角为坐标（0,0）为起点

moveByOffset();示例：

driver.get(“https://www.baidu.com”);

Actions action=new Actions(driver);//创建一个动作对象

action.moveByOffset(918, 19).perform();//将鼠标移动到百度设置的元素上
五、长按鼠标事件

长按鼠标事件是指在某一对象上单机鼠标左键，而不松开的操作。但是这就涉及到一个问题，一旦长按鼠标，那么按多长时间呢？这是个值得考虑的问题；当然了这个问题也比较好解决。在Selenium中鼠标事件提供了释放鼠标的方法release();。
类名：clickAndHold();
driver.get("https://www.baidu.com");
	Actions action=new Actions(driver);//创建一个动作对象
	WebElement a=driver.findElement(By.name("tj_briicon"));
	action.moveToElement(a).perform();
	WebElement e=driver.findElement(By.cssSelector(".bdbriimgitem_1"));//定位百度糯米
	action.clickAndHold(e).perform();//长按百度糯米下面的链接变蓝
	Thread.sleep(2000);
	action.release().perform();//释放鼠标跳转到百度糯米页面

收起

展开全文

selenium

Qt5.9的鼠标事件：鼠标进入控件事件、鼠标离开控件事件、鼠标摁下控件事件、鼠标释放控件事件
千次阅读 2018-08-28 21:53:41
本文主要总结在Qt5.9中的鼠标事件，该事件包括鼠标进入控件事件、鼠标离开控件事件、控件内摁下鼠标事件、控件内释放鼠标事件。实现鼠标进入、离开、摁下、释放控件的事件，只需要改写事件过滤虚函数eventFilter()...
收起
Js-三大事件（鼠标事件、键盘事件、html事件）
万次阅读 多人点赞 2017-08-23 19:01:44
鼠标事件、键盘事件、html事件
收起
javascript
jQuery鼠标事件
千次阅读 2019-04-18 08:24:33
今天，我们来讲讲，在jQuery中鼠标事件的方法与应用。在jquery中触发鼠标事件的方法有6种分别是1、click（单击事件），2、dbclick（双击事件），3、mousedown（鼠标按下事件），4、mouseup（鼠标弹起事件），5、...
收起
Java鼠标事件
千次阅读 2018-02-06 16:49:41
鼠标事件的事件源往往与容器相关，当鼠标进入容器、离开容器，或者在容器中单击鼠标、拖动鼠标时都会发生鼠标事件。java语言为处理鼠标事件提供两个接口：MouseListener，MouseMotionListener接口。 ...
收起
jQuery鼠标事件与hover事件
千次阅读 2019-05-17 08:35:37
在我学到jQuery鼠标事件，我知道了jQuery鼠标事件列表中有很多事件，它们分别是：1.click 单击事件、2.dbclick 双击事件、3.mousedown 鼠标按下事件、4.mouseup鼠标弹起事件、5. mouseenter 鼠标进入事件、6....
收起
QT QMouseEvent 鼠标事件
千次阅读 2019-06-30 16:03:06
通常是重定义部件的鼠标事件处理函数来进行一些自定义的操作。 Protected: void mousePressEvent(QMouseEvent *event); //鼠标按下事件 void mouseReleaseEvent(QMouseEvent *event); //鼠标释放事件 void ...
收起
pyqt5事件与鼠标事件
千次阅读 2020-02-26 11:47:41
pyqt5事件与鼠标事件 一、每个事件都被封装成相应的类： pyqt中，每个事件类型都被封装成相应的事件类，如鼠标事件为QMouseEvent，键盘事件为QKeyEvent等。而它们的基类是QEvent。二、基类QEvent的几个重要方法...
收起
pyqt
JavaScript 鼠标事件
千次阅读 2018-11-15 16:54:23
鼠标事件 事件描述 mousedown 鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。 mouseup 鼠标按钮被释放弹起时触发。不能通过键盘触发。 click 单击鼠标左键或者按下...
收起
鼠标事件（鼠标的各种处理事件）
千次阅读 2018-04-19 10:11:41
QMouseEvent类用来表示一个鼠标事件，在窗口部件中按下鼠标或者移动鼠标指针时，都会产生鼠标事件。利用QMouseEvent类可以获知鼠标是那个按键按下了，鼠标指针的当前位置等信息。通常重定义部件的鼠标事件处理函数来...
收起
Qt5.9的鼠标事件：进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件
千次阅读 2018-08-28 20:51:14
本文主要总结用Qt5.9实现常用鼠标事件，包括进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件。实现上面三个事件，只需要改写虚函数enterEvent(QEvent *)，leaveEvent(QEvent *)，mouseMoveEvent...
收起
Opencv鼠标事件
千次阅读 2019-03-20 09:37:28
Opencv中的鼠标事件，例如在界面中通过鼠标左键任意位置，显示点坐标，并将改点存储到points中，为后续使用。定义鼠标事件： #include "opencv2/core.hpp" #include "opencv2/highgui/highgui.hpp" #include ...
收起
opencv
unity鼠标事件
千次阅读 2018-02-13 13:06:51
鼠标事件： 鼠标事件，都是当鼠标和gui或者碰撞体（Collider）交互时候触发。需要说明的是drag其实就是鼠标down后up之前持续每帧都会发送此消息。 OnMouseDown：当鼠标上的按钮被按下时触发的事件； OnMouseDrag...
收起
DOM事件里面的鼠标事件
2019-05-28 09:10:39
在JS里面有很多很多的事件，我们以后将会接触到它们，而它们在我们的JS代码里面是必不可少的，而现在我要讲的就是DOM事件里面的鼠标事件。什么是鼠标事件呢？顾名思义就是和鼠标相关的一些事件，就像我们平时点击...
收起
QT 事件系统之QMouseEvent鼠标事件
千次阅读 2019-07-11 00:18:20
在Qt中，鼠标事件被封装成.QMouseEvent对象，QMouseEvent中包含一些参数，用描述鼠标事件。在QT中，鼠标事件包含：鼠标按键按下，鼠标按键释放，鼠标双击事件，鼠标移动事件。分别由下面的event handler来处理：...
收起
QT QT事件处理机制
浏览器事件之鼠标事件
千次阅读 2016-07-21 02:09:27
鼠标事件分为按下鼠标mousedown，放开鼠标mouseup，移动鼠标，鼠标移入（2种:mouseenter,mouseover），鼠标移出（2种:mouseleave,mouseout）按下鼠标时只会触发一次鼠标事件而不是一直触发，放开鼠标也是，但是移动...
收起
c#窗体鼠标事件和键盘事件
千次阅读 2019-08-18 18:00:03
鼠标事件 鼠标事件挺简单的，一些基本的鼠标事件有MouseEnter（进入按钮），MouseLeave（离开按钮），MouseClick（点击鼠标），MouseDown（按下鼠标左键）,MouseUp(松开鼠标左键)，MouseHover（鼠标在控件上静止一段...
收起
c#
jq鼠标事件
千次阅读 2017-12-26 10:36:50
jq之鼠标事件 以防自己忘记，最重要的是hover效果的 鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件：click事件于用户在元素敲击鼠标左键，并在相同...
收起
javascript
jQuery事件之鼠标事件
千次阅读 热门讨论 2017-03-26 20:48:22
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。 $('p').click(function(){ alert('click function is...
收起
jquery java
QMouseEvent鼠标事件简介
千次阅读 2019-06-01 13:55:31
QMouseEvent类包含了用于描述鼠标事件的参数。当在一个窗口里按住鼠标按键、或移动、或释放就会产生鼠标事件QMouseEvent。鼠标移动事件只会在按下鼠标按键的情况下才会发生，除非通过显式调用QWidg...
收起
Vue鼠标事件
千次阅读 2019-09-23 17:16:50
Vue-事件（鼠标事件、点击事件） <DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Vue.js</title> <link rel="stylesheet" href="style2.css">...
收起
Java GUI 鼠标事件
万次阅读 多人点赞 2019-08-13 18:05:43
import java.awt.Button; import java.awt.FlowLayout; import java.awt.Frame; import java.awt.event.MouseAdapter; import java.awt.event....public class Java鼠标事件 { public static void main(Strin...
收起
Java GUI
Cesium 鼠标事件监听
万次阅读 2019-01-25 10:20:20
在Cesium里面，我们可以通过Cesium.ScreenSpaceEventHandler的实例化对象的setInputAction方法绑定鼠标事件： var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); //todo：在椭球下点击创建点 ...
收起
cesium webgl

鼠标事件

事件鼠标事件表单事件 from表单

事件

鼠标事件

表单事件

from表单

OpenCV处理鼠标事件

selenium鼠标事件

鼠标事件

Qt5.9的鼠标事件：鼠标进入控件事件、鼠标离开控件事件、鼠标摁下控件事件、鼠标释放控件事件

Js-三大事件（鼠标事件、键盘事件、html事件）

jQuery鼠标事件

Java鼠标事件

jQuery鼠标事件与hover事件

QT QMouseEvent 鼠标事件

pyqt5事件与鼠标事件

JavaScript 鼠标事件

鼠标事件（鼠标的各种处理事件）

Qt5.9的鼠标事件：进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件

Opencv鼠标事件

unity鼠标事件

DOM事件里面的鼠标事件

QT 事件系统之QMouseEvent鼠标事件

浏览器事件之鼠标事件

c#窗体鼠标事件和键盘事件

jq鼠标事件

jQuery事件之鼠标事件

QMouseEvent鼠标事件简介

Vue鼠标事件

Java GUI 鼠标事件

Cesium 鼠标事件监听

鼠标事件

鼠标事件

事件 鼠标事件 表单事件 from表单

事件

鼠标事件

表单事件

from表单

OpenCV处理鼠标事件

selenium鼠标事件

鼠标事件

Qt5.9的鼠标事件：鼠标进入控件事件、鼠标离开控件事件、鼠标摁下控件事件、鼠标释放控件事件

Js-三大事件（鼠标事件、键盘事件、html事件）

jQuery鼠标事件

Java鼠标事件

jQuery鼠标事件与hover事件

QT QMouseEvent 鼠标事件

pyqt5事件与鼠标事件

JavaScript 鼠标事件

鼠标事件（鼠标的各种处理事件）

Qt5.9的鼠标事件：进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件

Opencv鼠标事件

unity鼠标事件

DOM事件里面的鼠标事件

QT 事件系统之QMouseEvent鼠标事件

浏览器事件之鼠标事件

c#窗体鼠标事件和键盘事件

jq鼠标事件

jQuery事件之鼠标事件

QMouseEvent鼠标事件简介

Vue鼠标事件

Java GUI 鼠标事件

Cesium 鼠标事件监听

鼠标事件

事件鼠标事件表单事件 from表单