在前端页面开发中,我们有时候希望能自定执行一些人性化操作,比如鼠标不用点击自动就能点击等操作,利用传统的js语言需要编写复杂的代码才能实现此功能,这时候我们使用jquery的trigger()方法就能轻松实现.
trigger方法的功能是在所选择的元素上触发指定类型的事件,其调用的语法格式为:trigger(type,[data]),其中参数type为触发事件的类型，参数data为可选项，表示在触发事件时,传递给函数的附件参数.下面来举例说明下.
页面中创建一个文本框,并给文本一个默认值，当该页面加载时，自动获取文本框的值，显示在页面中,同时文本框处于选中状态 .实现代码如下:
[javascript] view plain copy
$(function(){
var oTxt=$("input")//获取文本框
oTxt.trigger("select")//自动选中文本框
oTxt.bind("btn_click",function(){
//自定义事件
var txt=$(this).val()//获取自身内容
$("#div").html(txt)//显示在页面中
})
oTxt.trigger("btn_click")//自动触发自定义事件
})
方法：
可以使用jQuery的trigger() 方法来响应事件。
定义和用法：
trigger() 方法触发被选元素的指定事件类型。
语法：
$(selector).trigger(event,[param1,param2,...])
参数描述：
event 必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind() 函数来附加），或者任何标准事件。
[param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。
实例：
触发 select元素的change事件：
$("button").click(function(){
$("select").trigger("change")
})
