`
cakin24
  • 浏览: 1328512 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

DOM取消事件默认行为应用

阅读更多
一 介绍
DOM提供了preventDefault方法来取消事件对象的默认行为。
 
二 代码
<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 阻止默认行为 </title>
</head>
<body>
	友情链接:<br />
	<a id="mylink" href="http://www.crazyit.org">疯狂Java联盟</a>
	<script type="text/javascript">
		var killClicks = function(event)
		{
			// 取消事件的默认行为
			event.preventDefault();
			alert("超链接被单击");
		}
		// 为按钮绑定事件处理函数(捕获阶段)
		document.getElementById("mylink")
			.addEventListener("click", killClicks, true);
	</script>
</body>
</html>
 
 
三 运行结果
当用户单击超链接按钮时,运行结果如下:

 
  • 大小: 7.6 KB
1
0
分享到:
评论

相关推荐

    DOM事件(ppt) DOM事件(ppt) DOM事件(ppt)

    DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM事件(ppt)DOM...

    js 给动态生成的DOM绑定事件

    web前端的朋友们,经常会遇到给由后台返回的数据遍历生成的DOM绑定事件,但是总是绑定不上,那是因为把事件直接绑定到了动态生成的DOM上了,正确的方式是利用事件冒泡给其父元素绑定,这样才能解决问题的哦!

    JavaScript之DOM事件(源代码)

    JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源代码)JavaScript之DOM事件(源...

    DOM事件总结(教辅)

    DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件总结(教辅)DOM事件...

    javascript为DOM绑定事件 兼容

    javascript为DOM绑定事件 兼容 学习笔记

    DOM4J介绍及应用

    DOM4J介绍及应用.ppt 可用作讲课 课程的目标:1.理解什么是dom4j 2.dom4j的作用 3.怎么使用dom4j

    JavaScript 动态网页实例 - DOM 中的事件处理.rar

    DOM2事件模型规则描述了创建、捕获、控制与取消事件的标准方法,还描述了事件传播行为,也就是说,一个事件如何到达其目标,以及达到后将要发生的动作。在6中,由于没有提供对 DOM2事件模型的支持,因此,本章中涉及...

    DOM事件总结,前端学习

    HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用,函数不会在事件发生前被执行! (如用户点击按钮)。 提示: 在 W3C 2 级 DOM 事件中规范了事件模型。

    chrome根据dom找到dom上的事件.zip

    chrome根据dom找到dom上的事件.zip

    dom4j-api 应用文档 很实用的

    dom4j-api 应用文档,希望对您的工作或者学习带来方便。

    LINUX下的DOM盘,CF卡应用

    介绍DOM/CF在linux中的应用,详细介绍了DOM和CF在linux中的不同方式。

    DOM事件的区别

    DOM事件的区别

    删除DOM节点 删除DOM节点

    删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点...

    DOM事件总结(教辅).pdf

    DOM事件总结(教辅).pdf

    RealDOM一个1K非虚拟DOM非框架骨架用于简单应用程序

    Real-DOM: 一个〜1K非虚拟DOM非框架骨架用于简单应用程序

    dom4j疯狂应用--程序实例

    dom4j疯狂应用 dom4j疯狂应用 dom4j疯狂应用 dom4j疯狂应用

    js DOM的事件常见操作实例详解

    主要介绍了js DOM的事件常见操作,结合实例形式详细分析了JavaScript DOM事件概念、原理及DOM操作常见实现技巧与使用注意事项,需要的朋友可以参考下

    JavaScript Dom 绑定事件操作实例详解

    本文实例讲述了JavaScript Dom 绑定事件操作JavaScript Dom 绑定事件操作。分享给大家供大家参考,具体如下: JavaScript Dom 绑定事件 // 先获取Dom对象,然后进行绑定 document.getElementById('xx').onclick ...

    firefox DOM Inspector 火狐 dom 查看器插件 天涯浪子

    Ajax应用程式中经常操作DOM Tree,您可以直接使用DOM Inspector来观察DOM Tree中对应於网页画面的哪个元件,执行Mozilla Firefox官方中文版的「工具/DOM观察器」,可以显示DOM Inspector视窗,在网址列输入网址,并...

Global site tag (gtag.js) - Google Analytics