event | 易学教程

clientX,offsetX,screenX,pageX 区别！

阅读更多关于 clientX,offsetX,screenX,pageX 区别！

先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没有这2个属性。 event.offsetX、event.offsetY 鼠标相对于事件源元素（srcElement）的X,Y坐标，只有IE事件有这2个属性，标准事件没有对应的属性。 event.screenX、event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性上图！！！！来源： https://www.cnblogs.com/tongbiao/p/6717724.html

Qt——事件

阅读更多关于 Qt——事件

1.常见事件【1】鼠标事件（1）坐标 x(),y(), 相对windows globalX() globalY() （2）获得点击 button() 【2】键盘事件【3】定时器事件 timerID1 = startTimer(time) timerID2 = startTimer(time) killTimer(timerID1) timeEvent() { 　　if (e->timerId() == timerID1) { 　　} } 2. 事件的接受和忽略示例：　　同时设置 mousePressEvent() 和 connect(,clicked,) 　　当事件发生后，　　mousePressEvent() 执行，而 connect 没触发　　原因：　　事件触发后传递给 mousePressEvent, mousePressEvent接受了事件，所以事件没有继续向下传，就没有发出 clicked 信号。　　如果希望触发 connect，需要在 mousePressEvent中调用父类的mousePressEvent。结论：　　　　　　信号和事件的关系　　信号有两种来源：事件生成信号、手动生成信号（emit signal()）　　如果自定义控件后，重写事件虚函数，那么会导致信号无法生成，需要再调用基类事件函数以生成信号。　　　　　　事件的接受和忽略　

H5拖拽事件-- 自定义创建a标签热区

阅读更多关于 H5拖拽事件-- 自定义创建a标签热区

有一个BUG未更正, 1.当窗口为自适应时,定位left为百分比,窗口改变大小时会存在定位偏差 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="./jquery-1.11.3.min.js"></script> <style> #zt{ position: relative; } .div01{ width: 100px; height: 100px; position: fixed; top: 0; left: 50%; border: 1px solid; } .test{ width: 10px; height: 10px; overflow: hidden; cursor: se-resize; position: absolute; right: 0; bottom: 0; background-color: #000000; } .div01.boder{ border:3px solid; } .warp{ width: 100%; overflow: hidden; } </style> </head> <body> <div id="zt"> <div class="warp"> <br> <br> <br>

JS 引擎的执行机制：事件轮询event loop

阅读更多关于 JS 引擎的执行机制：事件轮询event loop

举例 setTimeout(function() { console.log(1) }, 0); new Promise(function executor(resolve) { console.log(2); for( var i=0 ; i<10000 ; i++ ) { i == 9999 && resolve(); } console.log(3); }).then(function() { console.log(4); }); console.log(5); 结果：2 3 5 4 1 解释：按照这种分类方式:JS的执行机制是：首先判断JS是同步还是异步，同步就进入主进程，异步就进入event table 异步任务在event table中注册函数，当满足触发条件后，被推入event queue 同步任务进入主线程后一直执行，直到主线程空闲时，才会去event queue中查看是否有可执行的异步任务，如果有就推入主进程中以上三步循环执行，这就是event loop。准确的划分方式是： macro-task(宏任务)：包括整体代码script，setTimeout，setInterval micro-task(微任务)：Promise，process.nextTick 按照这种分类方式，JS的执行机制是：执行一个宏任务，过程中如果遇到微任务，就将其放到微任务的

MySQL定时任务实现方法

阅读更多关于 MySQL定时任务实现方法

类型一：每隔一分钟插入一条数据：参数说明： DEFINER：创建者； ON COMPLETION [NOT] PRESERVE ：表示当事件不会再发生的情况下，删除事件（注意特定时间执行的事件，如果设置了该参数，执行完毕后，事件将被删除，不想删除的话可以设置成ON COMPLETION PRESERVE）； ENABLE：表示系统将执行这个事件； -- ---------------------------- -- Event structure for `event_minute` -- ---------------------------- DROP EVENT IF EXISTS `event_minute`; DELIMITER ;; CREATE DEFINER=`root`@`localhost` EVENT `event_minute` ON SCHEDULE EVERY 1 MINUTE STARTS '2016-01-17 14:49:43' ON COMPLETION NOT PRESERVE ENABLE DO BEGIN INSERT INTO USER(name, address,addtime) VALUES('test1','test1',now()); INSERT INTO USER(name, address,addtime) VALUES(

jQuery之防止冒泡事件

阅读更多关于 jQuery之防止冒泡事件

jQuery之防止冒泡事件冒泡事件就是点击子节点，会向上触发父节点。祖先节点的点击事件。以下是html代码部分： <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> 相应的jQuery代码例如以下： <script type="text/javascript"> $(function(){ // 为span元素绑定click事件 $('span').bind("click",function(){ var txt = $('#msg').html() + "<p>内层span元素被点击.<p/>";//获取html信息 $('#msg').html(txt);// 设置html信息 }); // 为div元素绑定click事件 $('#content').bind("click",function(){ var txt = $('#msg').html() + "<p>外层div元素被点击.<p/>"; $('#msg').html(txt); }); // 为body元素绑定click事件 $("body").bind("click",function(){ var txt = $('#msg').html() + "<p

什么是 db time

阅读更多关于什么是 db time

什么是 db time AWR中有 DB time这个术语，那么什么是DB time呢？ Oracle10gR2 官方文档给出了详细解释(Oracle10gPerformance Tuning Guide 5.1.1.2 Time Model Statistics) The most important of the time model statistics is DB time. This statistics represents the total time spent in database calls and is a indicator of the total instance workload. It is calculated by aggregating the CPU and wait times of all sessions not waiting on idle wait events (non-idle user sessions). 根据官方文档的解释，DB time=DB CPU+ DB waiting time(no-idle time) 那么下面我挑一个session来验证一下 SQL> select sid,stat_id,stat_name,value/1000000/60 from V$sess_TIME_MODEL where

浅谈JavaScript中按键事件的e.keyCode || e.which || e.charCod

阅读更多关于浅谈JavaScript中按键事件的e.keyCode || e.which || e.charCod

1、浏览器的按键事件浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup3个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown-->keypress-->keyup。 [html] view plain copy < input type= "text" id= "text" > < script > document.getElementById("text") .onkeypress = function() { console.log("keypress"); }; document.getElementById("text") .onkeyup = function() { console.log("keyup"); }; document.getElementById("text") .onkeydown = function() { console.log("keydown"); }; </ script > 控制台输出： keydown keypress keyup 2、浏览器的兼容性 (1)FireFox、Opera、Chrome 事件对应的函数有一个隐藏的变量e，表示发生事件。 e有一个属性e.which指示哪个键被按下，给出该键的索引值（按键码）。

js 事件冒泡

阅读更多关于 js 事件冒泡

一. 什么是事件的冒泡：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个程序，如果没有定义此事件处理程序或者事件返回true,那么这个事件就会向这个对象的父级对象传播，从里到外，直到它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些对象是window）。二.如何阻止冒泡：例子： <body> <form> <div onclick="alert('我是最外层');"> <div onclick="alert('我是中间层！');"> <a href="#" onclick="alert('我是最里层！');">点击我</a> </div> </div> </form> </body> 比如上面这个页面，分为三层：divOne是第外层，divTwo中间层，hr_three是最里层; 他们都有各自的click事件，最里层a标签还有href属性。运行页面，点击“点击我”,会依次弹出：我是最里层---->我是中间层---->我是最外层---->然后再链接到百度. 这就是事件冒泡，本来我只点击ID为hr_three的标签，但是确执行了三个alert操作。事件冒泡过程（以标签ID表示）：hr_three---->divTwo---->divOne。从最里层冒泡到最外层

matplotlib键鼠响应事件

阅读更多关于 matplotlib键鼠响应事件

事件绑定fig.canvas.mpl_connect() import matplotlib.pyplot as plt def on_key_press (event) : print(event.key) fig, ax = plt.subplots() fig.canvas.mpl_connect( 'key_press_event' , on_key_press) plt.show() 这段程序的功能是响应键盘按键，print按键的值 mpl_connect的参数：参数意义 ‘button_press_event’ 按下鼠标 ‘button_release_event’ 释放鼠标 ‘draw_event’ 界面重新绘制 ‘key_press_event’ 按下键盘 ‘key_release_event’ 释放键盘 ‘motion_notify_event’ 鼠标移动 ‘pick_event’ 鼠标点选绘图对象 ‘resize_event’ ‘scroll_event’ 鼠标滚轴事件 ‘figure_enter_event’ 鼠标进入figure ‘figure_leave_event’ 鼠标离开figure ‘axes_enter_event’ 鼠标进入Axes ‘axes_leave_event’ 鼠标离开Axes ‘close_event’ 关闭图表

订阅 event