event

JavaScript事件模型

北慕城南 提交于 2020-01-26 13:50:16
本章学习目标: --事件模型介绍 --事件流 --事件处理程序 --事件处理程序的返回值 --event对象 --事件类型 事件的顺序即事件流。 不同的浏览器有不同实现事件流的方法。 事件冒泡(IE)。 事件捕获(NetsCape)。 DOM事件流(FireFox)。 事件冒泡: 事件捕获: DOM事件流 事件处理程序 传统事件处理程序指派方法 –被广泛支持 现代事件处理程序指派方法。 –只被现代浏览器支持。 –浏览器之间存在不兼容的问题。 传统事件处理程序指派方法。 一、取得id = div1的元素节点。 var div1 = document.getElementById("div1"); //设置元素节点的onclick属性 div1.onclick = function(){alert("div1 被点了");} 或 function divClick() {alert(‘点中’);} div1.onclick=divClick; 注意: 1、绑定事件处理程序时,后面不能加括号 2.必须确保在元素之后设置事件处理程序。 3.可在window.onload中指定处理程序。 二、在事件属性中指定 <div id="div1" onclick="alert("div1 被点了.");" ></div> 现代事件处理程序指派方法。 一、IE浏览器 var div1 =

vue事件修饰符号

有些话、适合烂在心里 提交于 2020-01-26 10:06:52
一.如果在内联语句中想要访问原生的DOM事件,可以使用特殊变量$event将其传入方法之中。 1.html代码 <button v-on:click="warn('form can not be submitted yet.',$event)"> Submit </button> 2.js代码 methods:{ warn:function(message,event){ if(event)event.preventDefault() alert(message) }} 二.事件修饰符 1.v-on:click.stop="doThis" 作用:阻止点击事件继续传播,阻止事件冒泡 冒泡:当事情发生之后,因为事件源本身并没有处理事件的能力(处理事件的函数为绑定在事件源),所以事件从外向里或者从里向外开始传播,直到到达了能够处理这个事件的代码之中。 防止冒泡事件的写法就是,在点击事件上加上.stop,这样子节点就不会捕获到父节点的触发事件。相当于event.preventDefault() 2.v-on:submit.prevent="onSubmit" 取消事件的预设行为,却不阻止事件的进一步传播,类似于event.preventDefault() 例子:form表单的提交 网页的超链接等等 3.v-on:click.self="dothis" 只有当event

表单验证功能(利用冒泡功能)

时光怂恿深爱的人放手 提交于 2020-01-26 08:48:56
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>12313</title> <style type="text/css"> ul,li{list-style-type:none;} img{border:0;} .wrapper{width:600px;margin:0 auto;} em{display:none;color:red;} </style> </head> <body> <div class="wrapper"> <form action="" method="" id="form"> <legend>复选项</legend> <p><input type="checkbox" class="checkbox" />百 度<input type="checkbox" class="checkbox" />Google<input type="checkbox" class="checkbox" />新浪<input type="checkbox" class="checkbox" />微博<input type="checkbox" class="checkbox" />新闻<input type="checkbox" class="checkbox" />网 易<input type=

C# 事件(Event)

你说的曾经没有我的故事 提交于 2020-01-26 01:27:01
C# 事件(Event) 事件(Event) 基本上说是一个用户操作,如按键、点击、鼠标移动等等,或者是一些提示信息,如系统生成的通知。应用程序需要在事件发生时响应事件。例如,中断。 C# 中使用事件机制实现线程间的通信。 通过事件使用委托 事件在类中声明且生成,且通过使用同一个类或其他类中的委托与事件处理程序关联。包含事件的类用于发布事件。这被称为 发布器(publisher) 类。其他接受该事件的类被称为 订阅器(subscriber) 类。事件使用 发布-订阅(publisher-subscriber) 模型。 发布器(publisher) 是一个包含事件和委托定义的对象。事件和委托之间的联系也定义在这个对象中。发布器(publisher)类的对象调用这个事件,并通知其他的对象。 订阅器(subscriber) 是一个接受事件并提供事件处理程序的对象。在发布器(publisher)类中的委托调用订阅器(subscriber)类中的方法(事件处理程序)。 声明事件(Event) 在类的内部声明事件,首先必须声明该事件的委托类型。例如: public delegate void BoilerLogHandler ( string status ) ; 然后,声明事件本身,使用 event 关键字: // 基于上面的委托定义事件 public event

jQuery 事件方法

独自空忆成欢 提交于 2020-01-25 10:37:33
事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。 方法 描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click 事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加的事件处理程序。 error() 触发、或将函数绑定到指定元素的 error 事件 event.isDefaultPrevented() 返回 event 对象上是否调用了 event.preventDefault()。 event.pageX 相对于文档左边缘的鼠标位置。 event.pageY 相对于文档上边缘的鼠标位置。 event.preventDefault() 阻止事件的默认动作。 event.result 包含由被指定事件触发的事件处理器返回的最后一个值。 event.target 触发该事件的 DOM 元素。 event.timeStamp 该属性返回从 1970 年 1 月 1

on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件的事件处理函数

社会主义新天地 提交于 2020-01-25 09:33:53
on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。 大理石平台精度等级 on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换,see .bind(), .delegate(), 和 .live(). 要删除的.on()绑定的事件,请参阅.off()。要附加一个事件,只运行一次,然后删除自己, 请参阅.one() 参数 events,[selector],[data],fn V1.7 events :一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" 。 selector :一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略,当它到达选定的元素,事件总是触发。 data :当一个事件被触发时要传递event.data给事件处理函数。 fn :该事件被触发时执行的函数。 false 值也可以做一个函数的简写,返回false。 events-map,[selector],[data] V1.7 events-map :个用字符串表示的,一个或多个空格分隔的事件类型和可选的命名空间,值表示事件绑定的处理函数。

Dart事件循环机制

北战南征 提交于 2020-01-25 05:23:57
1.消息队列 一个Dart应用有一个消息循环和两个消息队列-- event队列和microtask队列。 event队列包含所有外来的事件:I/O,mouse events,drawing events,timers,isolate之间的message等。 microtask 队列在Dart中是必要的,因为有时候事件处理想要在稍后完成一些任务但又希望是在执行下一个事件消息之前。 event队列包含Dart和来自系统其它位置的事件。但microtask队列只包含来自当前isolate的内部代码。 正如下面的流程图,当main方法退出后,event循环就开始它的工作。首先它会以FIFO的顺序执行micro task,当所有micro task执行完后它会从event 队列中取事件并执行。如此反复,直到两个队列都为空。 2.Dart的单线程执行 当一个Dart应用开始的标志是它的main isolate执行了main方法。当main方法退出后,main isolate的线程就会去逐一处理消息队列中的消息。 3.多线程 如果你想要完成一些重量级的任务,为了保证你应用可响应,你应该将任务添加到isolate或者worker中。isolate可能会运行在不同的进程或线程中.这取决于Dart的具体实现。 那一般情况下你应该使用多少个isolate来完成你的工作呢

css -- vue侧边栏

空扰寡人 提交于 2020-01-25 04:48:43
<template> <div class="navbar_left"> <li> <div class="navbar_left_o"> <i class="el-icon-user" v-on:mouseover="change1Active($event)" v-on:mouseout="remove1Active($event)"></i> </div> <div class="navbar_left_o_r box"> <div> <div class=""> <i class="el-icon-user"></i> </div> <div> <span>在线客服</span> <span>工作日 9:00 - 18:00</span> </div> <div> <img src="../assets/image/QRCode.png"> </div> </div> <div style="width:100%; border-top: 1px solid #F2F2F2;padding-top: 10px;text-align: center;font-size:14px;color:#999999 ;"> 添加微信客服 在线解决问题 </div> </div> </li> <li> <div class="navbar_left_o"> <i class="el

QTWebkit中的webkit/qt/api文档

那年仲夏 提交于 2020-01-24 22:42:42
QTWebkit中的webkit/qt/api文档 概述 该目录下的文件均以前前缀qweb开头,主要用于支持前端的实现。核心的类为:qwebview、qwebpage、qwebframe等三个类。这三者间的关系由图描述。(注:图来自QTWebkit自带文档) 图1 qwebview,qwebpage,qwebframe三者关系 View是一个逻辑视图,真正的工作分别由page和frame完成。Page负责处理用户action、navigation和text editor等工作;frame则负责绘制工作。从webkit的角度来看,page与frame是一对多的关系,因为一个page下可以有frame tree,但通常是一对一的关系。从构造顺序来看,Page先于frame构造。 类qwebsetting是管理配置信息的,比如主页地址、代理、是否启用javascript、是否显示图片、是否支持插件等。 类详解 类图 QWebView QWebView为QWidget的子类。QWidget是QT平台的PlatformWidget。 QWebView.cpp对类QWebView有较为详细的说明。感兴趣的话,大家可以看看。 QWebView提供了一个widget用于显示和编辑web文档。 QWebView是QtWebKit web browsing模块的主要widget组件。 常用API

[LeetCode] My Calendar II

不问归期 提交于 2020-01-24 20:47:33
Implement a MyCalendarTwo class to store your events. A new event can be added if adding the event will not cause a triple booking. Your class will have one method, book(int start, int end) . Formally, this represents a booking on the half open interval [start, end) , the range of real numbers x such that start <= x < end . A triple booking happens when three events have some non-empty intersection (ie., there is some time that is common to all 3 events.) For each call to the method MyCalendar.book , return true if the event can be added to the calendar successfully without causing a triple