【jQuery】调用trigger()方法手动触发指定的事件
来源:互联网 发布:决战武林神兵进阶数据 编辑:程序博客网 时间:2024/03/29 19:43
trigger()
方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,它的调用格式为:
$(selector).trigger(event)
其中event参数为需要手动触发的事件名称。
例如,当页面加载时,手动触发文本输入框的“select”事件,使文本框的默认值处于全部被选中的状态,如下图所示:
在浏览器中显示的效果:
从图中可以看出,由于文本输入框调用trigger()
方法触发了“select”事件,因此,当页面加载完成后,文本框中的默认值处于全部被选中的状态。
如何理解这个函数呢?
先看下面这个程序:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>trigger()手动触发事件</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>trigger()手动触发事件</h3>
<div>土豪,咱们交个朋友吧</div>
<script type="text/javascript">
$(function () {
$("div").bind("change-color", function (){
$(this).addClass("color");
});
$("div").trigger("change-color");
});
</script>
</body>
</html>
给div绑定了一个change-color事件,如果触发就会调用后面的function。但是bind只是绑定,且这里的change-color是一个自定义事件,不会自己触发。而$("div").trigger("change-color")触发了这个事件。
- 【jQuery】调用trigger()方法手动触发指定的事件
- 【JQuery】调用trigger()方法手动触发指定的事件
- trigger() 方法触发被选元素的指定事件类型。
- JQuery手动触发事件API之:通过代码看清trigger与triggerHandler的差别
- jquery自动触发事件trigger
- Jquery手动触发事件
- jQuery手动触发事件
- 使用jquery trigger 触发a标签的click事件取代window.open方法
- jquery trigger模拟 触发selete的change事件
- jQuery 事件 - trigger() 方法
- jQuery 事件 - trigger() 方法
- 手动触发js事件的一种方法
- JS中手动触发事件的方法
- JS中手动触发事件的方法
- JS中手动触发事件的方法
- 一些系统事件的手动触发方法
- JQuery触发事件的方法
- jQuery自动触发事件trigger使用
- Linux指令--mkdir
- 深入理解PHP7之zval
- Linux下更改目录及其下的子目录和文件的访问权限
- Windows 10下Markdown不能显示预览
- 使用状态模式解决简单的信号转换问题
- 【jQuery】调用trigger()方法手动触发指定的事件
- 黑马程序员--Java编程之多线程
- Java HttpClient解析https时报错Could not generate DH keypair
- iOS语音识别封装
- POJ 2299 Ultra-QuickSort
- CPU L2缓存初探
- keycode值对应键
- Json序列化和反序列化之jackson
- Maven Missing artifact jdk.tools:jdk.tools:jar:1.7 解决办法