event

JS和JQ的event对象对比和应用

由 て烟熏妆下的殇ゞ 提交于 2019-12-06 06:23:54
currentTarget 事件冒泡阶段所在的DOM target, originalTarget原始的DOM 代码测试： <div id="test"><p>test text<p></div> <script src="vendor/jquery-2.1.1.js"></script> <script> test.addEventListener('click', function(e){console.log(e);}, false), $('#test').on('click', function(e){console.log(e)}); </script> 结果分析： js-jq-event-common:{ altKey: false, bubbles: true, button: 0, cancelable: true, clientX: 58, clientY: 13, ctrlKey: false, offsetX: 50, offsetY: 5, pageX: 58, pageY: 13, screenX: 58, screenY: 122, view: Window, which: 1, type: 'click', timeStamp: 1407761742842, metaKey: false, relatedTarget: null, target:

前端框架及库简介

由 别说谁变了你拦得住时间么 提交于 2019-12-06 05:42:57
1、js运行机制 javascript是一门单线程语言 同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。 当指定的事情完成时，Event Table会将这个函数移入Event Queue。 主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。 上述过程会不断重复，也就是常说的Event Loop(事件循环)。 2、js库 jquery jquery主要是用于处理 js和html页面交互的 ，封装了很多操作dom的方法，以及ajax，相比于原生的js更加的简洁，提高了开发效率。 underscore underscore.js可以理解为一个js的函数库，其中主要封装了一些常用的 js操作函数方法 ，比如数组操作的map，reduce，filter等等，不过这些函数大多在es6中已经实现了。类似underscore的还是lodash，都是辅助js开发的。 Lodash Lodash是js的工具库，它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数，其中部分是目前ECMAScript尚未制订的规范，但同时被业界所认可的辅助函数。 3、前端框架 2.1、 vue 简介 Vue.js是当下较为流行的一个JavaScript MVVM框架，它是以 数据驱动 和 组件化 的思想构建的

zepto学习（二）之tap事件以及tap事件点透处理

由 自闭症网瘾萝莉.ら 提交于 2019-12-06 05:10:48
zepto Zepto就是jQuery的移动端版本, 可以看做是一个轻量级的jQuery github地址: https://github.com/madrobby/zepto 官方地址: http://zeptojs.com/ 中文版地址: http://www.css88.com/doc/zeptojs_api/ 注意点: Zepto的设计目的是提供 jQuery 类似的API，但并不是100%覆盖 jQuery jQuery的底层是通过DOM来实现效果的， zepto.js 是用css3 来实现的； 官网下载的zepto,就已经包含了官网所述的默认模块了 github上下载的zepto模块需要自己导入 // <!–引入核心模块；包含许多jQuery中常见方法–> <script src="js/zepto.js"></script> //<!–引入zepto事件模块, 包含了常见的事件方法on/off/click ...–> <script src="js/event.js"></script> // <!–引入zepto动画模块,–> <script src="js/fx.js"></script> // <!–引入zepto动画模块的常用方法,–> <script src="js/fx_methods.js"></script> zepto点击事件

jquery preventDefault()方法 语法

由 假如想象 提交于 2019-12-06 04:44:29
jquery preventDefault()方法 语法 作用： preventDefault() 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交）。 大理石平台价格 语法： event.preventDefault() 参数： 参数 描述 event 必需。规定阻止哪个事件的默认动作。这个 event 参数来自事件绑定函数。 jquery preventDefault()方法 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a").click(function(event){ event.preventDefault(); }); }); </script> </head> <body> <a href="http://www.furuihua.cn/">大理石平台</a> <p>preventDefault() 方法将防止上面的链接打开 URL。</p> </body> </html> 来源： https://www.cnblogs.com

面试准备 DOM

由 纵然是瞬间 提交于 2019-12-06 03:52:58
基本概念：Dom事件的级别 Dom0 级别 element.onclick=function() {} Dom1 没有制定事件相关的 Dom2 element.addEventListener("click" function() {} , false//捕获还是冒泡) Dom3 element.addEventListener("keyup" function() {} , false//捕获还是冒泡) 新增鼠键盘事件 DOM事件模型：捕获 冒泡 捕获：从上往下 冒泡：当前元素往上 DOM事件流 浏览器在为当前页面与用户交互 比如鼠标左键响应 如何传到页面 响应 1.事件通过捕获 2.目标元素（目标阶段） 3.上传到window对象（冒泡） DOM事件捕获的具体流程 第一个接受到事件的对象 window -----document-----html标签----body---父级元素--子---目标元素 Event对象的常见应用 // 1事件原理 2怎么注册 监听 3响应event常见应用 event.preventDefault()阻止默认事件 event.stopPropagation() 阻止冒泡 event。stopimmediatePropagation（）两个click事件 A中注册这个 阻止Bclick事件 event.currentTarget /

第十四周总结

由 筅森魡賤 提交于 2019-12-06 03:21:11
第十四周总结 简单记事本的练习 import java.awt.*; import javax.swing.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.KeyEvent; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; public class Note implements ActionListener { JFrame frame; JMenuBar bar; JMenu fileMenu,editMenu,formatMenu,searchMenu,helpMenu; JMenuItem newItem,openItem,saveItem,closeItem; JScrollPane scroll; JTextArea area; JFileChooser chooser; File file; public TextPad() { frame=new JFrame("记事本

第十四周课程总结&实验报告

由 Deadly 提交于 2019-12-06 02:51:43
简单记事本 1，实验代码 package demo1; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.InputEvent; import java.awt.event.KeyEvent; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOException; import javax.swing.*; import javax.swing.undo.UndoManager; public class Demo01 { public static void main(String[] args) { JFrame frame; JTextArea text; JMenu menuFile,editMenu,formatMenu

OpenCV-Python 鼠标作画 | 八

由 假如想象 提交于 2019-12-06 02:44:18
目标 了解如何在OpenCV中处理鼠标事件 您将学习以下功能： cv.setMouseCallback() 简单演示 在这里，我们创建一个简单的应用程序，无论我们在哪里双击它，都可以在图像上绘制一个圆。 首先，我们创建一个鼠标回调函数，该函数在发生鼠标事件时执行。鼠标事件可以是与鼠标相关的任何事物，例如左键按下，左键按下，左键双击等。它为我们提供了每个鼠标事件的坐标(x，y)。通过此活动和地点，我们可以做任何我们喜欢的事情。要列出所有可用的可用事件，请在Python终端中运行以下代码： import cv2 as cv events = [i for i in dir(cv) if 'EVENT' in i] print( events ) 创建鼠标回调函数具有特定的格式，该格式在所有地方都相同。它仅在功能上有所不同。因此，我们的鼠标回调函数可以做一件事，在我们双击的地方绘制一个圆圈。因此，请参见下面的代码。代码在注释中是不言自明的： import numpy as np import cv2 as cv # 鼠标回调函数 def draw_circle(event,x,y,flags,param): if event == cv.EVENT_LBUTTONDBLCLK: cv.circle(img,(x,y),100,(255,0,0),-1) # 创建一个黑色的图像，一个窗口

第十四周课程总结&实验报告

由 会有一股神秘感。 提交于 2019-12-06 02:28:23
本周总结 JDBC（Java DataBase Connectivity,java数据库连接）是一种用于执行SQL语句的Java API，可以为多种关系数据库提供统一访问，它由一组用Java语言编写的类和接口组成。 MySQL的常用命令 连接数据库:mysql -u用户名 -p密码 创建数据库:CREATE DATABASE 数据库名称 删除数据库:DROP DATABASE 数据库名称 使用数据库:USE 数据库名称 删除数据库表: DROP TABLE 表名称 查看表结构: DESC 表名称 查看全部数据库: SHOW DATABASES 查看一个数据库的全部表:SHOW TABLES 连接和关闭数据库:DriberMaager类的常用方法 MySQL数据库的连接地址格式:jdbc:mysql://IP地址:端口号/数据库名称 Connection接口的常用方法:创建一个对象的方法createStatement();得到数据库的元数据的方法getMetaData();关闭数据库的方法close()等等 Statement接口 Statemen接口可以通过Connection接口中提供的createStatement()方法实例化 数据库更新的方法executeUpdata() 执行数据库查询操作，返回一个结果集对象的方法executeQuery()

window.postMessage()实现(iframe嵌套页面)跨域消息传递

由 本小妞迷上赌 提交于 2019-12-05 23:56:28
window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如，在页面和嵌入其中的iframe之间。 不同页面上的脚本允许彼此访问，当且仅当它们源自的页面共享相同的协议，端口号和主机（也称为“同源策略”）。window.postMessage()提供了一个受控的机制相对来安全地规避这个限制。 发送消息的基本语法： targetWindow . postMessage (message , targetOrigin , [transfer ] ) ; targetWindow 就是接收消息的窗口的引用。 获得该引用的方法包括： Window.open Window.opener HTMLIFrameElement.contentWindow Window.parent Window.frames +索引值 message 就是要发送到目标窗口的消息。 数据使用结构化克隆算法进行序列化。 这意味着我们可以将各种各样的数据对象安全地传递到目标窗口，而无需自己对其进行序列化。 targetOrigin 就是指定目标窗口的来源，必须与消息发送目标相一致，可以是字符串“*”或URI。 *表示任何目标窗口都可接收，为安全起见，请一定要明确提定接收方的URI。 transfer 是可选参数 接收端： window.addEventListener("message"
订阅 event