鼠标事件

千次阅读 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

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

万次阅读 多人点赞 2017-08-23 19:01:44

鼠标事件、键盘事件、html事件

鼠标事件
click：单击
dblclick：双击
mousedown：鼠标按下
mouseup：鼠标抬起
mouseover：鼠标悬浮
mouseout：鼠标离开
mousemove：鼠标移动
mouseenter：鼠标进入
mouseleave：鼠标离开
<button οnclick="myClick()">鼠标单击</button>
<button οndblclick="myDBClick()">鼠标双击</button>
<button οnmοusedοwn="myMouseDown()" οnmοuseup="myMouseUp()">鼠标按下和抬起</button>
<button οnmοuseοver="myMouseOver()" οnmοuseοut="myMouseOut()">鼠标悬浮和离开</button>
<button οnmοusemοve="myMouseMove()">鼠标移动</button>
<button οnmοuseenter="myMouseEnter()" οnmοuseleave="myMouseLeave()">鼠标进入和离开</button>
<script>
    function myClick() {
        console.log("你单击了按钮！");
    }
    function myDBClick() {
        console.log("你双击了按钮！");
    }
    function myMouseDown() {
        console.log("鼠标按下了！");
    }
    function myMouseUp() {
        console.log("鼠标抬起了！");
    }
    function myMouseOver() {
        console.log("鼠标悬浮！");
    }
    function myMouseOut() {
        console.log("鼠标离开！")
    }
    function myMouseMove() {
        console.log("鼠标移动！")
    }
    function myMouseEnter() {
        console.log("鼠标进入！")
    }
    function myMouseLeave() {
        console.log("鼠标离开！")
    }
键盘事件
keydown：按键按下
keyup：按键抬起
keypress：按键按下抬起
<body>
<input id="name" type="text" οnkeydοwn="myKeyDown(this.id)" οnkeyup="myKeyUp(this.id)">
</body>
<script>
    /*输出输入的字符*/
    function myKeyDown(id) {
        console.log(document.getElementById(id).value);
    }
    /*按键结束，字体转换为大写*/
    function myKeyUp(id) {
        var text = document.getElementById(id).value;
        document.getElementById(id).value = text.toUpperCase();
    }
</script>
HTML事件
load：文档加载完成
select：被选中的时候
change：内容被改变
focus：得到光标
resize：窗口尺寸变化
scroll：滚动条移动
<body οnlοad="loaded()">
<div style="height: 3000px" ></div>
<input type="text" id="name" οnselect="mySelect(this.id)">
<input type="text" id="name2" οnchange="myChange(this.id)">
<input type="text" id="name3" οnfοcus="myFocus()">
</body>
<script>
    window.onload = function () {
        console.log("文档加载完毕！");
    };
    /*window.onunload = function () {
     alert("文档被关闭！");
     };*/
    /*打印选中的文本*/
    function mySelect(id) {
        var text = document.getElementById(id).value;
        console.log(text);
    }
    /*内容被改变时*/
    function myChange(id) {
        var text = document.getElementById(id).value;
        console.log(text);
    }
    /*得到光标*/
    function myFocus() {
        console.log("得到光标！");
    }
    /*窗口尺寸变化*/
    window.onresize = function () {
        console.log("窗口变化！")
    };
    /*滚动条移动*/
    window.onscroll = function () {
        console.log("滚动");
    }
</script>
事件模型：
<body>
<!--脚本模型：行内绑定-->
<button οnclick="alert('hello')">hello</button>
<!--内联模型-->
<button οnclick="showHello()">hello2</button>
<!--动态绑定-->
<button id="btn">hello3</button>
</body>
<script>
    function showHello() {
        alert("hello");
    }
    /*DOM0：同一个元素只能添加一个同类事件
     * 如果添加多个，后面的会把前面的覆盖掉*/
    var btn = document.getElementById("btn");
    btn.onclick = function () {
        alert("hello");
    };
    btn.onclick = function () {
        alert("hello world");
    };
    /*DOM2:可以给一个元素添加多个同类事件*/
    btn.addEventListener("click", function () {
        alert("hello1");
    });
    btn.addEventListener("click", function () {
        alert("hello2");
    });
    /*不同浏览器的兼容写法*/
    /*IE*/
    if (btn.attachEvent) {
        btn.attachEvent("onclick", function () {
            alert("hello3");
        });
    /*W3C*/
    } else {
        btn.addEventListener("click", function () {
            alert("hello4");
        })
    }
</script>
事件冒泡与事件捕获：
 <style>
        #div1{
            width: 400px;
            height: 400px;
            background-color: #0dfaff;
        }
        #div2{
            width: 300px;
            height: 300px;
            background-color: #33ff66;
        }
        #div3{
            width: 200px;
            height: 200px;
            background-color: #fff24a;
        }
        #div4{
            width: 100px;
            height: 100px;
            background-color: #ff4968;
        }
    </style>
 <title>事件冒泡、事件捕获</title>
</head>
<body>
<div id="div1">
    <div id="div2">
        <div id="div3">
            <div id="div4">

            </div>
        </div>
    </div>
</div>
</body>
<script>
    var div1 = document.getElementById("div1");
    div1.addEventListener("click",function (event) {
        /*阻止事件冒泡*/
        event.stopPropagation();
        alert("div1");
    },false);
    var div2 = document.getElementById("div2");
    div2.addEventListener("click",function (event) {
        /*阻止事件冒泡*/
        event.stopPropagation();
        alert("div2");
    },false);
    var div3 = document.getElementById("div3");
    div3.addEventListener("click",function (event) {
        /*阻止事件冒泡*/
        event.stopPropagation();
        alert("div3");
    },false);
    var div4 = document.getElementById("div4");
    div4.addEventListener("click",function (event) {
        /*阻止事件冒泡*/
        event.stopPropagation();
        alert("div4");
    },false);
</script>
阻止默认事件：
<body>
<a href="http://www.baidu.com" οnclick="stop(event)">百度</a>
</body>
<script>
    function stop(event) {
        if (event.preventDefault()) {
            event.preventDefault();
        } else {
            event.returnValue = false;
        }
        alert("不跳转！")
    }
</script>

收起

展开全文

javascript

selenium鼠标事件
2019-08-06 11:26:28
鼠标事件 对于鼠标事件，相信大家都不陌生。鼠标事件分很多种，其中有之前提到的单击，因为单击事件比较重要作者就早点介绍了。鼠标事件包含单击、双击、拖动右击等。最常用的就是单击。但是Selenium是比较强大的事...
收起
selenium
Qt5.9的鼠标事件：鼠标进入控件事件、鼠标离开控件事件、鼠标摁下控件事件、鼠标释放控件事件
2018-08-28 21:53:41
本文主要总结在Qt5.9中的鼠标事件，该事件包括鼠标进入控件事件、鼠标离开控件事件、控件内摁下鼠标事件、控件内释放鼠标事件。实现鼠标进入、离开、摁下、释放控件的事件，只需要改写事件过滤虚函数eventFilter()...
收起
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 单击鼠标左键或者按下...
收起
Qt5.9的鼠标事件：进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件
千次阅读 2018-08-28 20:51:14
本文主要总结用Qt5.9实现常用鼠标事件，包括进入QWidget界面事件、离开QWidget界面事件、摁住鼠标事件。实现上面三个事件，只需要改写虚函数enterEvent(QEvent *)，leaveEvent(QEvent *)，mouseMoveEvent...
收起
鼠标事件（鼠标的各种处理事件）
千次阅读 2018-04-19 10:11:41
QMouseEvent类用来表示一个鼠标事件，在窗口部件中按下鼠标或者移动鼠标指针时，都会产生鼠标事件。利用QMouseEvent类可以获知鼠标是那个按键按下了，鼠标指针的当前位置等信息。通常重定义部件的鼠标事件处理函数来...
收起
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
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
jQuery事件之鼠标事件
千次阅读 热门讨论 2017-03-26 20:48:22
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。 (1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。 $('p').click(function(){ alert('click function is...
收起
jquery java
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">...
收起
Cesium 鼠标事件监听
万次阅读 2019-01-25 10:20:20
在Cesium里面，我们可以通过Cesium.ScreenSpaceEventHandler的实例化对象的setInputAction方法绑定鼠标事件： var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); //todo：在椭球下点击创建点 ...
收起
cesium webgl
QMouseEvent鼠标事件简介
千次阅读 2019-06-01 13:55:31
QMouseEvent类包含了用于描述鼠标事件的参数。当在一个窗口里按住鼠标按键、或移动、或释放就会产生鼠标事件QMouseEvent。鼠标移动事件只会在按下鼠标按键的情况下才会发生，除非通过显式调用QWidg...
收起
Qt 鼠标事件，键盘事件
千次阅读 2016-11-23 20:33:17
Qt鼠标事件 Qt键盘事件 Qt事件处理
收起
Qt键盘事件 Qt事件处理

鼠标事件

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

事件

鼠标事件

表单事件

from表单

OpenCV处理鼠标事件

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

selenium鼠标事件

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

jQuery鼠标事件

Java鼠标事件

jQuery鼠标事件与hover事件

QT QMouseEvent 鼠标事件

pyqt5事件与鼠标事件

JavaScript 鼠标事件

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

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

Opencv鼠标事件

unity鼠标事件

DOM事件里面的鼠标事件

QT 事件系统之QMouseEvent鼠标事件

浏览器事件之鼠标事件

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

jq鼠标事件

Java GUI 鼠标事件

jQuery事件之鼠标事件

Vue鼠标事件

Cesium 鼠标事件监听

QMouseEvent鼠标事件简介

Qt 鼠标事件，键盘事件

鼠标事件

常规雷达信号处理程序，非常入门

STM32F072_HID_Test.7z

四川省巴中市DEM数字高程数据30m（含本市级范围shp文件）.zip

chinese_L-12_H-768.zip_A12

流浪动物管理系统项目运行截图.zip

微服务系列第七十一季-Spring入门

2021年N1叉车司机考试资料及N1叉车司机操作证考试

MySQL 数据库设计 | 如何选择 MySQL 数据类型

Spring Session MongoDB管理会话

四川省绵阳市DEM数字高程数据30m（含本市级范围shp文件）.zip

bat转exe工具，开源免费

2021年高压电工考试报名及高压电工考试试卷

java教程之CI持续集成工具jenkins使用教程.zip

（新）备战2021软考系统集成基础知识套餐

iperf3 for Android

3.1常规数字控制器之数字pid控制

【数据分析-随到随学】Hadoop数据分析

uni-app实战专题

视频技术系列 - 谈谈毫米波

关于TCP的三次握手四次挥手

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