event | 易学教程

e = e || window.event的区别及用法

阅读更多关于 e = e || window.event的区别及用法

本文链接：https://blog.csdn.net/qq_41348029/article/details/81288481 e = e || window.event 在做事件处理时，用于区分IE和其他浏览器事件对象。下面链接为事件对象的参考资料：　　http://wenku.baidu.com/view/400a89f4f61fb7360b4c65ca.html <!DOCTYPE HTML> <html> <head> <title></title> <style type="text/css"> #aa { border: 1px solid #000; width: 100px; height: 40px; margin-top: 50px; } #bb { border: 1px solid #000; width: 500px; height: 40px; margin-top: 50px; } #cc { border: 1px solid #000; width: 500px; height: 40px; } </style> </head> <body> <div id="aa"></div> <div id="bb">dfdfddfsd</div> <div id="cc">gregreger</div> <script type="text

深度解析JavaScript事件对象

阅读更多关于深度解析JavaScript事件对象

这篇文章主要介绍了JavaScript事件对象,结合实例形式深入分析了javascript DOM、IE及其他浏览器相关事件对象操作技巧与注意事项,写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。触发 DOM 上的事件时，会生成一个事件对象 event，它包含着所有与事件有关的信息，诸如导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有的浏览器都支持 event 对象，但支持的方式不同。 1 DOM 中的事件对象兼容 DOM 的浏览器会将 event 对象传入事件处理程序（DOM0 级与 DOM2 级都支持）： var btn = document.getElementById("myBtn"); btn.onclick = function (event) { console.log(event.type);//"click" }; btn.addEventListener("click",function(event){ console.log(event.type);//"click",false };//欢迎加入前端全栈开发交流圈一起吹水聊天学习交流：619586920 event.type 保存的是被触发的事件类型。通过 HTML 属性指定事件处理程序时， event 中保存的是 event 对象：

第十三周课程总结

阅读更多关于第十三周课程总结

知识点总结窗体事件:监听器隶属于awt.event包，class MyListener implements WindowListener(七个方法). 直接实现的话需要覆盖该接口的7个抽象方法，而需要用的方法可能只有一个WindowListener 的子类WindowAdapter（适配器）实现了该接口，并覆盖了所有方法，我们只需继承WindowAdapter类并覆盖我们需要的方法即可. WindowEvent：即窗体事件，指示窗口状态改变的事件。当打开、关闭、激活、停用、图标化或取消图标化 Window 对象时，或者焦点转移到Window 内或移出 Window 时，由 Window 对象生成此事件. 鼠标事件: Button的父类Component方法void addMouseListener(MouseListener l) 添加鼠标侦听器，使用MouseListener接口及其适配器，进行鼠标事件的侦听.ActionListener事件监听可以对鼠标和键盘事件都做出反馈；MouseListener 鼠标监听只监听鼠标事件.鼠标监听可以根据鼠标事件的动作来决定，例如可以设置每次操作点击鼠标次数来决定反应. 键盘事件：使用Component中方法void addKeyListener(KeyListener l)添加针对键盘事件的监听器

第十三周课程总结

阅读更多关于第十三周课程总结

1、事件处理 (1)、键盘事件及监听处理在Swing的事件处理中也可以对键盘的操作进行监听，直接使用KeyListener接口即可。此接口定义了如下的方法。如果要想取得键盘键入的内容，则可以通过KeyEvent取得，此类的常用方法如下所示。实例： package work10; import java.awt.event.KeyEvent; import java.awt.event.KeyListener; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import java.awt.event.WindowListener; import javax.swing.JFrame; import javax.swing.JScrollPane; import javax.swing.JTextArea; public class mykeyhandle implements KeyListener{ JFrame frame; JScrollPane scpane; JTextArea area; public mykeyhandle() { frame=new JFrame("键盘事件处理"); area=new JTextArea(); scpane=new

ReactJS中的自定义组件

阅读更多关于 ReactJS中的自定义组件

可控自定义组件： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/react.js"></script> <script src="js/react-dom.js"></script> <script src="js/browser.min.js"></script> </head> <body> <script type="text/babel"> var Radio=React.createClass({ getInitialState:function(){ return { value:this.props.defaultValue }; }, handleChange:function(event){ if(this.props.onChange){ this.props.onChange(event); } this.setState({ value:event.target.value }); }, render:function(){ var children=[]; var value=this.props.value||this.state.value; React.Children.forEach(this.props.children

移动端触摸、点击事件优化（fastclick源码学习）

阅读更多关于移动端触摸、点击事件优化（fastclick源码学习）

移动端触摸、点击事件优化（fastclick源码学习）最近在做一些微信移动端的页面，在此记录关于移动端触摸和点击事件的学习优化过程，主要内容围绕fastclick展开。 fastclick github 问题起源移动端浏览器一般在用户点击屏幕之后会延迟大约300ms才触发click event —— GOOGLE 手机打开此链接查看延迟demo （现在许多浏览器已经不存在延迟问题了，详见fastclick github，但笔者的手机浏览器还是出现了三百毫秒延迟的问题）截图如下为什么会300ms延迟呢，主要是有一个双击缩放功能，浏览器需要判断用户点击是否为双击缩放。这个问题不解决， 1、用户体验就会很差，很不流畅，尤其是在密集操作场景下，比如计算器,不解决300ms延迟问题，感觉反应很慢； 2、点击穿透问题事件触发顺序在了解fastclick的思路之前，我们先看一下事件触发顺序是怎样的 touchstart touchmove touchend mouseover ：当指针设备移动到存在监听器的元素或其子元素的时候，mouseover事件就会被触发。 mouseenter：当指针设备( 通常指鼠标 )在元素上移动时, mousemove 事件被触发。 mousedown click 移动端click有300ms延迟问题，touch可没有哦。 fastclick思路

学习第九天（2019-11-22）

阅读更多关于学习第九天（2019-11-22）

第十四章表单脚本一、表单的基础知识在HTML中，表单是由<form>元素来表示的，在JavaScript中，表单对应的是HTMLFormElement 类型。HTMLFormElement 继承了 HTMLElement，因而与其他HTML元素具有相同的默认属性。不过，HTMLFormElement有自己独有的属性和方法。在javaScript中可以提交表单、重置表单以及操作表单的字段。下面是一个例子：假设有一个文本框，我们只允许用户输入数值。此时，可以利用 focus 事件修改文本框的背景颜色，以便更清楚地表明这个字段获得了焦点。可以利用 blur 事件恢复文本框的背景颜色，利用change事件在用户输入了非数值字符时再次修改背景颜色。实现代码： 1 <html> 2 <head> 3 </head> 4 <body> 5 <form method="post" id="myForm">表单<br> 6 <input type="text" size="20" maxlength="50" value="mytext"> 7 </form> 8 <script type="text/javascript" src="myscript.js"></script> 9 </body> 10 </html> 1 var EventUtil = { 2 addHandler

Loader ,URLLoader ,URLStream的区别

阅读更多关于 Loader ,URLLoader ,URLStream的区别

AS3代码 (1) Loader Loader 类可用于加载 SWF 文件或图像（JPG、PNG 或 GIF）文件。使用 load() 方法来启动加载。被加载的显示对象将作为 Loader 对象的子级添加。 (2) URLLoader URLLoader 类以文本、二进制数据或 URL 编码变量的形式从 URL 下载数据。在下载文本文件、XML 或其它用于动态数据驱动应用程序的信息时，它很有用。 URLLoader 对象会先从 URL 中下载所有数据，然后才将数据用于 ActionScript。它会发出有关下载进度的通知，通过 bytesLoaded 和 bytesTotal 属性以及已调度的事件，可以监视下载进度。在加载非常大的视频文件（如 FLV 的视频文件）时，可能会出现内存不足错误。 (3) URLStream URLStream 类提供对下载 URL 的低级访问。数据一下载，便可随即为应用程序使用，这和使用 URLLoader 时需要等到整个文件下载完不同。并且 URLStream 类还允许在完成下载前关闭流。已下载文件的内容将作为原始二进制数据提供。在 URLStream 中的读取操作是非阻塞模式的。这意味着您在读取数据之前必须使用 bytesAvailable 属性来确定是否能够获得足够的数据。如果不能获得足够的数据，将引发

第十三周课程总结

阅读更多关于第十三周课程总结

第十三周课程总结这一周我们学习了键盘事件及监听处理、单选按钮、菜单组件，同时对事件和监听器进行了回顾。我们知道要想清楚事件处理，则首先应该知道事件的定义是什么，事件就是表示应该对象发生的状态变化，例如，每当一个按按钮时，实际上按钮的状态就发生了改变，那么此时就会产生一个事件，而如果想要处理此事件，则就需要事件的监听者不断地监听事件的变化，并且根据这些事件进行相应的处理。在Swing编程中，依然使用了最早的AWT的事件处理方式，所有的事件类都是EventObject类的子类。一、监听适配器：我们对事件处理的基本流程了解了，但是我们就会产生一个问题，也就是在我们操作的时候遇到的多种抽象方法的问题。如果现在我们只需要对某一部分进行监听，对于其它的部分我们不想去监听，但是我们会发现一旦实现了接口，我们就要实现他的所有抽象方法，这是一个很麻烦的事情，刚开始我写代码的时候也是这么想的。 package javabook; import java.awt.event.WindowEvent; import java.awt.event.WindowListener; public class MyWindowListener implements WindowListener { @Override public void windowOpened(WindowEvent e) {

yii2

阅读更多关于 yii2

yii2 可以方便的使用 Event 组件基类来实现注册事件和监听触发机制，每个事件都有自身的事件队列首先要知道，yii2的事件一共有三类：对象级，类级，全局 \Yii::$app 级对象和全局是通过 yii\base\Component 管理的类级是通过 yii \base\Event 管理的 yii\base\Object |--yii\base\Behavior |--yii\base\Event |--yii\base\Component |--yii\base\Application |--yii\base\Controller .............. 而且要注意的一点是：对象的事件队列触发完毕后会隐式的检测对象所属的类是否也存在此事件的队列，若存在，则会使用 Event::trigger($this, $event_name, $event = null) 进行触发，$this 传递进去会被提取类名，进而使得管理类级别的 Event 也可以执行事件，看下源码就知道了 yii\base\Event 定义和实现了event的一些基础属性和类级别的方法。虽然在对象级的事件中处理时并没有直接调用 Event 中的类级别的事件方法，但传递给 handler 方法的 event 都是 Event 的实例。在 yii\base\Component

订阅 event