`

第10章 高级事件(上)

 
阅读更多

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-1.10.1.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="按钮" />

<form action="123.html">
	<input type="submit" value="按钮" />
</form>

<input type="button" value="按钮" />
<input type="button" value="按钮" />
<input type="button" value="按钮" />

<div class="d1">
	<div class="d2">
		<div class="d3">
			div
		</div>
	</div>
</div>
-->

<input type="button" value="按钮" />

</body>
</html>

 

demo.js

$(function(){
	/*
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
	});
	
	//模拟用户点击操作
	$('input').trigger('click');
	
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
	}).trigger('click');
	
	$('input').click(function(e,data1,data2){
		alert(data1+'|'+data2)
	}).trigger('click',['123','abc']);
	//trigger 额外数据,只有一条的时候,可以省略中括号,多条就不能省略,第二条之后就无法识别了
	
	$('input').click(function(e,data1,data2,data3,data4){
		alert(data1+'|'+data2+'|'+data3[1]+'|'+data4.user)
	}).trigger('click',['123','abc',['a','b','c'],{user:'onestopweb'}]);
	
	$('input').bind('click',{user:'chaoyi'},function(e,data1,data2,data3,data4){
		alert(data1+'|'+data2+'|'+data3[1]+'|'+data4.user+'|'+e.data.user);
	}).trigger('click',['123','abc',['a','b','c'],{user:'onestopweb'}]);
	
	//click,mouseover 这些系统事件,自定义事件就是自己起名字的事件
	$('input').bind('myEvent',function(){
		alert('自定认事件!')
	}).trigger('myEvent');
	
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
	}).click();
	
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
	}).triggerHandler('click');
	
	//trigger 提交后跳转,没有阻止默认行为	
	$('form').trigger('submit');
	
	//trigger 提交后没有跳转,默认行为被阻止了
	$('form').triggerHandler('submit');
	
	$('form').submit(function(e){
		e.preventDefault();
	}).trigger('submit');
	
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
	}).click();//共执行三次
	
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
	}).triggerHandler('click');//共执行一次
	
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
	}).trigger('click').css('color','red');//返回 jQuery 对象,可以连缀
	
	alert($('input').click(function(){
		alert('我将要使用模拟用户来触发!')
		return false
	}).triggerHandler('click'));
	
	$('input').click(function(){
		alert('我将要使用模拟用户来触发!')
		return 123;
	}).triggerHandler('click').css('color','red');//返回 return 值,或 undefined
	
	$('div').bind('myEvent',function(){
		alert('自定认事件!')
	});
	$('.d3').trigger('myEvent');//会冒泡
	*/
	
	$('input').bind('click.abc',function(){
		alert('abc');
	});
	$('input').bind('click.xyz',function(){
		alert('xyz');
	});
	$('input').bind('mouseover.abc',function(){
		alert('abc');
	});
	//$('input').unbind('click.abc');
	//$('input').unbind('.abc');
	$('input').trigger('click.abc');
});

 

 

 

 

分享到:
评论

相关推荐

    第10章 高级事件(中)

    本章“第10章 高级事件(中)”可能涉及的是对这些技术的深入探讨。尽管没有具体的描述,我们可以根据标题推测其内容可能涵盖了以下几个关键知识点: 1. **事件驱动编程**:这是一种编程范式,它基于“发生事件-...

    第10章 高级事件(下)

    在本章"高级事件(下)"中,我们将深入探讨事件处理在计算机编程中的高级概念,特别是与事件驱动编程相关的技术。这一领域的知识对于构建高效、响应迅速的用户界面和分布式系统至关重要。以下是对该主题的详细阐述:...

    高级语言C++程序设计第二版答案 第10章

    在C++编程领域,"高级语言C++程序设计"是一本经典的教材,它...总之,"高级语言C++程序设计第二版答案 第10章"提供的内容对于掌握C++的面向对象编程至关重要,通过练习和答案,学习者可以巩固理论知识,提升编程技能。

    《unix环境高级编程》第12章例程

    第12章主要涉及进程间通信(Inter-Process Communication, IPC),这是Unix系统中一个极其重要的主题,它涵盖了信号量、消息队列、共享内存等机制,这些机制允许不同进程之间交换数据和同步执行。 1. **信号量...

    UNIX环境高级编程(第十四章)

    【UNIX环境高级编程(第十四章)】章节主要讲解了UNIX系统中进程间通信(IPC,InterProcess Communication)的各种机制,这些机制允许不同进程之间高效地交换信息,超越了简单的文件共享和进程创建。以下是对各知识...

    Java Script高级程序设计

    第10章 高级DOM技术 第11章 表单和数据完整性 第12章 表格排序 第13章 拖放 第14章 错误处理 第15章 JavaScript中的XML 第16章 客户端与服务器端的通讯 第17章 Web服务 第18章 与插件进行交互 第19章 部署问题 第20...

    JAVA语言程序设计-第十二章 高级用户界面GUI设计

    在本章节"JAVA语言程序设计-第十二章 高级用户界面GUI设计"中,我们将深入探讨Java如何创建美观且功能丰富的图形用户界面(GUI)。GUI是计算机软件中与用户进行交互的一种方式,使得非程序员也能轻松操作应用程序。...

    UNIX环境高级编程(第十五章)

    综上所述,【UNIX环境高级编程(第十五章)】深入讲解了UNIX系统中的高级进程间通信技术,这些技术对于开发复杂的多进程应用程序,尤其是涉及服务器和客户端通信的应用,具有很高的实用价值。通过学习和掌握这些技术...

    unix环境高级编程

    第十二章 高级I/O 第十三章 精灵进程 第十四章 进程间通信 第十五章 高级进程间通信 第十六章 一个数据库函数库 第十七章 与PostScript打印机通信 第十八章 调制解调器拨号器 第十九章 伪终端 附录

    [Csharp高级编程(第6版)]17章18章

    综上所述,第17章和第18章分别介绍了.NET框架中关于程序集的管理和跟踪及事件的相关概念与技术。通过对这些知识点的学习,开发者能够更好地理解和掌握.NET平台的应用开发技巧,从而提高开发效率和软件质量。

    ACCP6.0 S1 C#语言 和 数据库技术基础 第10章(共17章)

    第10章的学习内容可能涉及C#的高级特性和数据库的交互。C#是一种面向对象的编程语言,由微软开发,广泛用于Windows平台上的应用开发,尤其是在.NET框架下。在这一章,学生可能会接触到类、对象、接口、继承、多态等...

    优质Python教程 Python3.7从基础入门到精通进阶教程 第14章 Python的高级技术 共20页.ppt

    第10章 日期和时间.ppt 第11章 迭代器、生成器与装饰器.ppt 第12章 文件与文件系统.ppt 第13章 基于thinter的GUI编程.ppt 第14章 Python的高级技术.ppt 第15章 数据库的应用.ppt 第16章 网络编程的应用.ppt 第17章 ...

    第9章Java事件处理共44页.pdf.zip

    在本章"第9章Java事件处理"中,我们将会深入探讨这一主题,涵盖了大量的概念、技术和实践应用。这44页的内容可能会包括以下几个主要的知识点: 1. **事件模型**:Java事件处理基于观察者模式,其中事件源(如按钮、...

    Matlab 7.0 第10章__高级数值计算.ppt

    《Matlab 7.0 第10章 高级数值计算》主要涵盖了数值计算的高级主题,包括多项式、插值、回归分析等关键概念。本章内容旨在深入理解和应用数值计算的基础知识,如矩阵分析、函数分析和数据分析。 1. **多项式**: -...

    jsp高级编程--jsp基础&&jsp高级应用

    第一部分 jsp入门 第一章 概述 第二章 预备知识 第三章 jsp开发平台的建立--tomcat ... 第十二章 jsp高级应用实例--网上书店 附录A jsp应用实例--网上教育代码 附录B JavaServer Pages白皮书 附录C 常用jsp相关网址

    PostgreSQL 10 基础课程第五章 高级知识交叉连接详解

    PostgreSQL 10 基础课程第五章 高级知识交叉连接详解

    PostgreSQL 10 基础课程第五章 高级知识Null空值详解

    PostgreSQL 10 基础课程第五章 高级知识Null空值详解

    PostgreSQL 10 基础课程第五章 高级知识Union连接操作

    PostgreSQL 10 基础课程第五章 高级知识Union连接操作

Global site tag (gtag.js) - Google Analytics