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章 高级事件（中）”可能涉及的是对这些技术的深入探讨。尽管没有具体的描述，我们可以根据标题推测其内容可能涵盖了以下几个关键知识点： 1. **事件驱动编程**：这是一种编程范式，它基于“发生事件-...
在本章"高级事件（下）"中，我们将深入探讨事件处理在计算机编程中的高级概念，特别是与事件驱动编程相关的技术。这一领域的知识对于构建高效、响应迅速的用户界面和分布式系统至关重要。以下是对该主题的详细阐述：...
在C++编程领域，"高级语言C++程序设计"是一本经典的教材，它...总之，"高级语言C++程序设计第二版答案 第10章"提供的内容对于掌握C++的面向对象编程至关重要，通过练习和答案，学习者可以巩固理论知识，提升编程技能。
第12章主要涉及进程间通信（Inter-Process Communication, IPC），这是Unix系统中一个极其重要的主题，它涵盖了信号量、消息队列、共享内存等机制，这些机制允许不同进程之间交换数据和同步执行。 1. **信号量...
【UNIX环境高级编程（第十四章）】章节主要讲解了UNIX系统中进程间通信（IPC，InterProcess Communication）的各种机制，这些机制允许不同进程之间高效地交换信息，超越了简单的文件共享和进程创建。以下是对各知识...