GoMind Hub

javaScript事件

计算机知识思维导图：javaScript事件。网页展示前三层结构，可在线查看完整脑图并下载 GoMind 文件。

2026-08-25

计算机知识学习资料思维导图
## javaScript事件
### javaScript事件
#### jQuery 事件 - trigger() 方法
#### IE下fireEvent方法
#### dispatchEvent
#### js自定义事件
#### DOM自定义事件
#### 伪DOM自定义事件

> 仅展示前三层结构；请在线查看完整脑图或下载 GoMind 文件。

javaScript事件

javaScript事件
jQuery 事件 - trigger() 方法
<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("input").select(function(){

    $("input").after("文本被选中！");

  });

  $("button").click(function(){

    $("input").trigger("select");

  });

});

</script>

</head>

<body>

<input type="text" name="FirstName" value="Hello World" />

<br />

<button>激活 input 域的 select 事件</button>

</body>

</html>



======================================



$(document).on("myevent",function(){

  alert("啊啦，我被调用了。TvT。。");

}).trigger("myevent");
IE下fireEvent方法
dispatchEvent
//获取浏览器版本

var isIE=navigator.userAgent.match(/MSIE (\d)/i);

isIE=isIE?isIE[1]:undefined;



//事件函数

function onclick(e){

  e=e||event;

  alert(e.msg||"表酱紫啦，人家羞涩啦～");

};



//给document绑定一个点击事件

isIE<9

  //传统浏览器使用attachEvent

  ?document.attachEvent("onclick",onclick)

  //现代浏览器使用addEventListner

  :document.addEventListener("click",onclick,false);



//触发自定义事件

if(isIE<9){

  //传统浏览器

  //创建对象

  var event=document.createEventObject();

  //给事件对象添加属性

  event.msg="我是fireEvent触发的";

  //触发事件

  document.fireEvent("onclick",event);

}else{

  //现代浏览器

  //创建事件对象

  var e=document.createEvent("MouseEvents");

  //初始化事件对象

  e.initMouseEvent("click"),

  //给事件对象添加属性

  e.msg="我是despatchEvent触发的";

  //触发事件

  document.dispatchEvent(e);

};
js自定义事件
DOM自定义事件
伪DOM自定义事件