`

第08章 基础事件(上)

 
阅读更多

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>基础事件</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>

<!--input type="button" value="按钮" /-->
<!--input type="text" value="按钮" /-->
<form>
<input type="submit" value="按钮" />
</form>
<div style="height:2000px;"></div>

</body>
</html>

 

demo.js

$(function(){
	/*
	$('input').bind('click',function(){
		alert('弹窗!');
	});
	
	$('input').bind('click',fn);
	function fn(){
		alert('处理函数!');
	};
	
	$('input').bind('click mouseover',function(){
		alert('弹窗!');
	});
	
	$('input').bind('mouseover mouseout',function(){
		$('div').html('123');
	});
	
	$('input').bind('mouseover mouseout',function(){
		$('div').html(function(index,value){
			return value +'1'+index;
		});
	});
	
	$('input').bind({
		mouseover:function(){
			alert('移入');
		},
		mouseout:function(){
			alert('移出');
		}
	});
	
	$('input').bind('click',fn1);
	$('input').bind('click',fn2);
	function fn1(){
		alert('fn1');
	}
	function fn2(){
		alert('fn2');
	}
	//$('input').unbind(); //删除全部事件
	//$('input').unbind('click');//只删除 click 事件
	$('input').unbind('click',fn2);//删除 click 事件绑定了 fn2 的
	
	$('input').click(function(){
		alert('单击');
	});
	
	$('input').dblclick(function(){
		alert('双击');
	});
	
	$('input').mousedown(function(){
		alert('鼠标左键按下');
	});
	
	$('input').mouseup(function(){
		alert('鼠标左键按下弹起');
	});
	
	$(window).unload(function(){//一般 unload 卸载页面新版浏览器应该是不支持的,获取要设置一个权限
		alert('1');//一般用于清理的工作。
	});
	
	$(window).resize(function(){
		alert('文档改变了');
	});
	
	$(window).scroll(function(){
		alert('滚动条改变了');
	});
	
	$('input').select(function(){
		alert('文本选定');
	});
	
	$('input').change(function(){
		alert('文本改变');
	});
	*/
	
	$('form').submit(function(){
		alert('表单提交!');
	});	
});

 

 

 

  • 8-1.rar (74.2 KB)
  • 下载次数: 0
4
3
分享到:
评论

相关推荐

    第08章 基础事件(下)

    综上所述,"基础事件(下)"这一章将深入讲解事件驱动编程的关键概念和实践,帮助读者掌握如何有效地编写响应事件的代码,提升软件的用户体验和交互性。通过对源码的探索和实际工具的运用,开发者能更好地理解和应用...

    《模拟电子技术基础》第八章.ppt

    《模拟电子技术基础》第八章.ppt 本章主要讲述正弦波振荡电路、非正弦波发生电路、波形转换和信号转换电路等。重点掌握正弦波振荡的平衡条件,并能够依据相位平衡条件正确判断电路是否可能产生振荡;掌握单限、滞...

    java语言程序设计基础篇第八章第十题编程参考答案.pdf

    java语言程序设计基础篇第八章第十题编程参考答案.pdf

    java语言设计-基础篇 (第八版)第四章编程题答案

    在本资源中,我们聚焦于Java语言设计的基础篇——第八版的第四章编程题解答。这一部分的内容旨在帮助读者深入理解和应用Java编程的基本概念。Java作为一种广泛应用的面向对象的编程语言,其基础知识对于任何想从事...

    [精选]电大基础会计课件第八章.pptx

    [精选]电大基础会计课件第八章.pptx

    JQuery基础教程之第七章

    JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...

    JQuery基础教程之第八章

    JQuery基础教程之第八章后续章节看我后续资源jquery全套教程: JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery基础...

    C程序设计(第五版)课后答案-第八章

    6. **编程技巧**:除了基础知识外,第八章可能还会涉及到一些编程技巧,如如何提高代码效率、避免内存泄漏、进行错误处理等,这些都是成为优秀C程序员必须掌握的技能。 为了方便学习,作者选择上传了高清图片而不是...

    大学物理第九和第八章2010

    无论是第八章的动力学与能量守恒,还是第九章的静电学,都要求学生具备扎实的数学基础,同时具备抽象思维和逻辑推理能力。通过深入学习和实践,学生不仅可以理解自然界的物理现象,还能培养科学思维和问题解决技巧,...

    accp 5.0 s1 C# 第八章作业

    【标签】"C# 第八章作业"进一步强调了学习的重点是C#语言的第八章内容,可能涵盖类与对象、继承、多态性、接口、异常处理、文件操作、集合、委托和事件等主题。这些都是C#编程中至关重要的部分,对于任何想要成为...

    JQuery基础教程之第五章

    JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...

    JQuery基础教程之第六章

    JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...

    JQuery基础教程之第四章

    JQuery基础教程之第八章:http://download.csdn.net/source/747973 JQuery基础教程之第九章:http://download.csdn.net/source/747982 JQuery基础教程之第十章及附录:http://download.csdn.net/source/747999 JQuery...

    C++程序设计基础课后答案 第三章

    第八个例程展示了函数的返回值。我们定义了一个函数sub(int),该函数将整数作为参数,并返回计算结果。在main函数中,我们使用该函数,并输出结果。 本章节的八个例程展示了C++程序设计基础知识,涵盖了函数的定义...

    电子技术基础 第五版 康华光 第八章

    答案来源于老师 绝对的完整 下载过我之前发的 就知道 不信 的 就 飘过去吧

    S1 5.0 C#第一章到第八章的上机阶段答案

    《C#编程基础与实践:从第一章到第八章的上机阶段详解》 C#,全称C Sharp,是微软公司推出的一种面向对象的、运行于.NET Framework之上的高级程序设计语言。它以其简洁的语法、强大的功能以及广泛的应用场景,深受...

    大学计算机基础 第一章到第五章书后作业习题答案.pdf

    第 4 章 计算机网络基础及 Internet 应用 1. 计算机网络的基本概念:网络拓扑结构、网络协议 2. 计算机网络的类型:局域网、广域网、互联网 3. 网络协议:TCP/IP、HTTP、FTP 4. Internet应用:WWW、电子邮件、远程...

    Python基础入门教程 Python语言编程导论08 第八章 面向对象编程 (共114页).ppt

    Python基础入门教程 Python语言编程导论08 第八章 面向对象编程 (共114页).ppt Python基础入门教程 Python语言编程导论09 第九章 异常处理与程序调试 (共56页).ppt Python基础入门教程 Python语言编程导论10 ...

    第八章Linux编程基础

    第八章Linux编程基础是学习Linux的入门基础知识,学会后才能更深入学习。

Global site tag (gtag.js) - Google Analytics