精华内容
参与话题
问答
  • 鼠标事件

    千次阅读 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()方法可以来释放这个捕获行为。

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

    事件

            事件的三大要素
                
                事件绑定对象
                    指的是,绑定事件和事件处理函数的标签
                    这个标签有可能不是触发事件的标签
    
                事件类型
                    绑定的标签的事件类型
                        鼠标事件   表单事件   键盘事件   触摸事件   特殊事件
    
                事件处理函数
                    触发事件时执行的程序
                    一个标签,往往相同的事件类型只能绑定一个事件处理函数
                    如果要绑定多个事件处理函数,需要使用事件监听语法
    

    鼠标事件

    <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()
    展开全文
  • 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>
    展开全文
  • selenium鼠标事件

    2019-08-06 11:26:28
    鼠标事件 对于鼠标事件,相信大家都不陌生。鼠标事件分很多种,其中有之前提到的单击,因为单击事件比较重要作者就早点介绍了。鼠标事件包含单击、双击、拖动右击等。最常用的就是单击。但是Selenium是比较强大的事...
  • 本文主要总结在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鼠标事件,我知道了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的几个重要方法...
  • JavaScript 鼠标事件

    千次阅读 2018-11-15 16:54:23
    鼠标事件 事件 描述 mousedown 鼠标按钮被按下(左键或者右键)时触发。不能通过键盘触发。 mouseup 鼠标按钮被释放弹起时触发。不能通过键盘触发。 click 单击鼠标左键或者按下...
  • 本文主要总结用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 ...
  • unity鼠标事件

    千次阅读 2018-02-13 13:06:51
    鼠标事件: 鼠标事件,都是当鼠标和gui或者碰撞体(Collider)交互时候触发。需要说明的是drag其实就是鼠标down后up之前持续每帧都会发送此消息。 OnMouseDown:当鼠标上的按钮被按下时触发的事件; OnMouseDrag...
  • 在JS里面有很多很多的事件,我们以后将会接触到它们,而它们在我们的JS代码里面是必不可少的,而现在我要讲的就是DOM事件里面的鼠标事件。 什么是鼠标事件呢?顾名思义就是和鼠标相关的一些事件,就像我们平时点击...
  • QT 事件系统之QMouseEvent鼠标事件

    千次阅读 2019-07-11 00:18:20
    在Qt中,鼠标事件被封装成.QMouseEvent对象,QMouseEvent中包含一些参数,用描述鼠标事件。 在QT中,鼠标事件包含:鼠标按键按下,鼠标按键释放,鼠标双击事件,鼠标移动事件。 分别由下面的event handler来处理:...
  • 浏览器事件之鼠标事件

    千次阅读 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(鼠标在控件上静止一段...
  • jq鼠标事件

    千次阅读 2017-12-26 10:36:50
    jq之鼠标事件 以防自己忘记,最重要的是hover效果的     鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。  (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同...
  • 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...
  • jQuery事件之鼠标事件

    千次阅读 热门讨论 2017-03-26 20:48:22
    鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。  (1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。  $('p').click(function(){  alert('click function is...
  • 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:在椭球下点击创建点 ...
  • QMouseEvent鼠标事件简介

    千次阅读 2019-06-01 13:55:31
    QMouseEvent类包含了用于描述鼠标事件的参数。 当在一个窗口里按住鼠标按键、或移动、或释放就会产生鼠标事件QMouseEvent。 鼠标移动事件只会在按下鼠标按键的情况下才会发生,除非通过显式调用QWidg...
  • Qt 鼠标事件,键盘事件

    千次阅读 2016-11-23 20:33:17
    Qt鼠标事件 Qt键盘事件 Qt事件处理

空空如也

1 2 3 4 5 ... 20
收藏数 40,505
精华内容 16,202
关键字:

鼠标事件