上一页 1 ··· 3 4 5 6 7 8 9 10 11 12 下一页
摘要: 事件委托 事件委托就是利用事件冒泡原理,把处理任务委托给父元素或祖先元素(通常用父元素),我们通过目标对象来判断事件源,并执行事件处理。 示例1: <!DOCTYPE html><html> <head> <title>事件委托1</title> <meta charset="UTF-8"> <me 阅读全文
posted @ 2018-07-10 16:00 HL() 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 事件流 事件冒泡:事件从最具体的节点开始向外传播到最宽泛的节点。这是事件流默认类型,被绝代多数浏览器支持。 element.addEventListener('event',function,trun); 事件捕货:时间从最宽泛的节点开始向类传播到最具体的节点。这种方式在IE8和更在的版本的IE中不 阅读全文
posted @ 2018-07-09 17:57 HL() 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 事件触发元素 事件触发元素,也叫事件的目标,也叫事件对象,也就是与用户进行交互的具体元素。 在事件监听器中,事件触发元素会自动传递到监听器的函数中。 <!DOCTYPE html><html> <head> <title>事件触发元素</title> <meta charset="UTF-8"> < 阅读全文
posted @ 2018-07-07 17:45 HL() 阅读(173) 评论(0) 推荐(0) 编辑
摘要: DOM是事件监听器 DOM事件监听器予许一个事件触发多个方法,在实际工作中应用比较多。 <!DOCTYPE html><html> <head> <title>DOM事件监听器1</title> <meta charset="UTF-8"> <meta name="viewport" content 阅读全文
posted @ 2018-07-07 16:38 HL() 阅读(336) 评论(0) 推荐(0) 编辑
摘要: HTML事件处理程序 HTML事件处理称序是将事件写在元素的开始标签,当作属性来用,如下面的单击事件: <!DOCTYPE html><html> <head> <title>HTNL事件处理程序</title> <meta charset="UTF-8"> <meta name="viewport 阅读全文
posted @ 2018-07-07 16:26 HL() 阅读(148) 评论(0) 推荐(0) 编辑
摘要: DOM事件 在JavaScript中常见的事件有: UI事件,当与浏览器UI本身(而不是网页)交互时发生的事件。 鼠标事件,当用户操作鼠标、触控板、或触摸屏幕时发生。 键盘事件,当用户操作键盘时发生。 焦点事件,当一个元素(比如链接或表单)得到或失去焦点时发生。 表单事件,当用户与表单元素进行交互时 阅读全文
posted @ 2018-07-07 16:17 HL() 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 获取修改元素属性 javaScript可以修改DOM节点属性。 操作属性的方法有: 获取属性值 修改属性 <!DOCTYPE html><html> <head> <title>元素属性</title> <meta charset="UTF-8"> <meta name="viewport" con 阅读全文
posted @ 2018-07-06 16:12 HL() 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 动态删除元素 要删除元素,需要经历以下3个步骤: 1.找到要删除的元素,放到临时变量中 2.找到要删除的元素父节点 3.调用父节点的removeChild()方法删除要删除的元素 <!DOCTYPE html><html> <head> <title>删除元素</title> <meta chars 阅读全文
posted @ 2018-07-06 15:45 HL() 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 动态创建元素 使用的DOM动态创建元素,要经历以下3个步骤; 1.创建元素,调用方法createElemnet() 2设置元素,调用方法createTextNode() 3.添加到DOM中,调用方法appendChild() <!DOCTYPE html><html> <head> <title>动 阅读全文
posted @ 2018-07-06 15:33 HL() 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 获取修改元素文本 使用nodrValue获取和修改 noderValue属性可以读节点文字 <!DOCTYPE html><html> <head> <title>使用nodeValue获取和修改</title> <meta charset="UTF-8"> <meta name="viewport 阅读全文
posted @ 2018-07-06 15:21 HL() 阅读(354) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 11 12 下一页