首页 > 代码库 > JavaScript--基于对象的脚本语言学习笔记(三)

JavaScript--基于对象的脚本语言学习笔记(三)

2024-07-12 02:10:50   219人阅读

事件处理器

1、一个数据校验表单的例程

<html>
	<head>
		<title>js练习</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script type="text/javascript">
			String.prototype.trim=function(){
			  return this.replace(/^\s*/,"").replace(/\s*$/,"");
			}
			//处理表单submit事件的函数
			var check=function(){
				var form=document.forms[0];
				var errStr="";
				if(form.user.value=http://www.mamicode.com/=null||form.user.value.trim()==""){>2、当为HTML元素的onclick等属性指定一系列JavaScript脚本时，如果在这些js脚本中使用this,则该关键字引用该HTML元素本身 当为DOM对象的onclick属性指定一个JavaScript函数引用时，如果在函数中使用this，该this也是引用该DOM对象本身
3、DOM提供了一种事件绑定机制：addEventListener()
   语法为：objectTarget.addEventListener("eventType",handler,captureFlag)
   与addEventListener()方法相对应，DOM也提供了一个方法用于删除事件处理器:removeEventListener()
   语法为：objectTarget.removeEventListener("eventType",handler,captureFlag)
   在DOM事件模型中当浏览器检测到发生了某个事件时，将自动创建一个Event对象，并隐式地将该对象作为事件处理函数的第一个参数传入
4、一个DOM转发事件例程(非IE)
<html>
	<head>
		<title>js练习</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	</head>
	<body id="body">		
		<input type="button" id="bt1" value=http://www.mamicode.com/"按钮1"/>>
  //上面的代码虽然使用preventDefault方法取消了事件的默认行为，但是并未阻止处理函数的执行，也不会影响事件的传播
  //下面的代码为超链接和document在事件传播阶段绑定了事件处理函数,将会得到执行
 	<body id="body">		
		友情链接：<br/>
		<a id="mylink" name="我的超链接" href=http://www.mamicode.com/"http://www.njue.edu.cn">财经大学>


联系
我们