主要用到的知识点有dataTransfer对象和FileReader(读取文件信息) 1、创建简单的HTML标签: 2、给标签加上简单的样式: 3、编写JS,用到四个拖放事件中的4个目标元素事件 dragenter事件:进入目标元素触发,改变div的innerHTML值: dragover事件:进入 ...
分类:
Web程序 时间:
2016-11-19 20:36:47
阅读次数:
219
HTML 事件属性一:定义二:窗口事件 (Window Events)三:表单元素事件 (Form Element Events)四:图像事件 (Image Events) 一:定义 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 ...
分类:
Web程序 时间:
2016-11-19 02:22:37
阅读次数:
209
转自:http://www.runoob.com/js/js-htmldom-eventlistener.html 事件传递定义了元素事件触发的顺序。 如果你将 <p> 元素插入到 <div> 元素中,用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢? 在 冒泡 中,内部元素的事 ...
分类:
其他好文 时间:
2016-11-08 17:16:43
阅读次数:
221
1、页面添加区域滚动,滚动区域内元素事件无效问题 解决方法: 把滚动初始化放到自己添加的事件之前执行。 例如:给滚动区域内一个ID为name的input添加click事件,当页面刚加载完,首先执行了,给当前input绑定了事件,然后执行了scroller区域滚动初始化高度时,会把当前页面的滚动区域重 ...
分类:
移动开发 时间:
2016-10-28 19:56:13
阅读次数:
913
在使用JS事件的时候,外层元素事件有可能被里层元素的事件触发,例如点击里层元素外层也触发了点击,这种现象称为事件冒泡。 效果如图,白色是里层元素div,蓝色是外层元素div: 当点击白色区域是,出现两次提示,这说明里层div点击触发了,外层div的点击事件也触发了,这就出现了事件冒泡: 阻止时间冒泡 ...
分类:
Web程序 时间:
2016-10-12 13:48:40
阅读次数:
132
$(document).bind("input propertychange change","事件元素选择器",function(){ });// 搜索按钮点击事件$(document).on('click',ele,function(){ // ele为对应的事件元素选择器 如:'#appSpe ...
分类:
其他好文 时间:
2016-10-10 19:18:05
阅读次数:
110
jQuery中slideUp 、slideDown、animate等动画运用时,如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行,其表现不雅。非常影响使用体验。 之前在开发中也遇到过这样的问题。没有记录的习惯,导致时隔很久忘了这个常见bug的解决办法。现在找到 ...
分类:
Web程序 时间:
2016-10-09 00:10:08
阅读次数:
202
[1]获取 [2]事件类型 [3]事件目标 [4]当前元素 [5]事件冒泡 [6]默认行为 [7]命名空间 [8]返回值 ...
分类:
Web程序 时间:
2016-10-04 18:53:39
阅读次数:
245
事件对象 在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包括导致事件的元素、事件的类型,以及其他与特定事件相关的信息。例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息。所有浏览器对象都支持e ...
分类:
Web程序 时间:
2016-09-21 01:38:19
阅读次数:
177
jq1.7之前 可以用live();绑定事件 ,动态生成的标签也可以绑定上。 jq1.7之后live(),方法取消改为on();但是动态生成的元素绑定不上事件了。 已有元素事件绑定成功, 新创建元素事件没有绑定上。 下面介绍一种事件委托的方法,给父元素绑定事件。 var event=event || ...
分类:
其他好文 时间:
2016-09-03 12:11:34
阅读次数:
203