手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中triggerHandler()方法用法实例
jQuery中triggerHandler()方法用法实例
摘要:本文实例讲述了jQuery中triggerHandler()方法用法。分享给大家供大家参考。具体分析如下:此方法触发被选元素的指定事件类型。...

本文实例讲述了jQuery中triggerHandler()方法用法。分享给大家供大家参考。具体分析如下:

此方法触发被选元素的指定事件类型。

从上面定义可以看出此方法和trigger()方法功能上很类似,但还是有巨大区别。以下是主要区别:

1.此方法不会触发浏览器默认事件。

2.此方法触发jQuery对象集合中第一个元素的事件处理函数,不会产生事件冒泡。

3.此方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象。

语法结构:

复制代码 代码如下:$(selector).triggerHandler(event,[param1,param2,...])

参数列表:

参数 描述
event 规定指定元素要触发的事件类型。
param 可选。传递到事件处理程序的额外参数。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://www.jb51.net/" />

<title>查字典教程网</title>

<style type="text/css">

div{

width:200px;

height:200px;

border:1px solid blue;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

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

$("div").append("查字典教程网");

});

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

$("div").triggerHandler("click");

})

})

</script>

</head>

<body>

<div></div>

<button>查看效果</button>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

【jQuery中triggerHandler()方法用法实例】相关文章:

JQuery中基础过滤选择器用法

JavaScript中的Math.sin()方法使用详解

JavaScript中的lastIndexOf()方法使用详解

Javascript中With语句用法实例

简介JavaScript中的setTime()方法的使用

Jquery中基本选择器用法实例详解

jQuery中 prop() attr()使用详解

JQuery中attr方法和removeAttr方法用法实例

jQuery插件制作之参数用法实例分析

JQuery控制Radio选中方法分析

精品推荐
分类导航