JQuery 触发事件
2010-04-06 16:25
225 查看
trigger(eventType)函数
实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>事件触发</title>
<style type="text/css">
<!--
input{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px; padding:4px;
border:1px solid #002b83;
}
div{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; margin:2px;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
function Counter(oSpan){
var iNum = parseInt(oSpan.text()); //获取span中本身的值
oSpan.text(iNum + 1); //点击次数加1
}
$(function(){
$("input:eq(0)").click(function(){
Counter($("span:first"));
});
$("input:eq(1)").click(function(){
Counter($("span:last"));
$("input:eq(0)").trigger("click"); //触发按钮1的点击事件
});
});
</script>
</head>
<body>
<input type="button" value="Button 1">
<input type="button" value="Button 2"><br><br>
<div>按钮1点击次数:<span>0</span></div>
<div>按钮2点击次数:<span>0</span></div>
</body>
</html>
实例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>事件触发</title>
<style type="text/css">
<!--
input{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px; padding:4px;
border:1px solid #002b83;
}
div{
font-family:Arial, Helvetica, sans-serif;
font-size:12px; margin:2px;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
function Counter(oSpan){
var iNum = parseInt(oSpan.text()); //获取span中本身的值
oSpan.text(iNum + 1); //点击次数加1
}
$(function(){
$("input:eq(0)").click(function(){
Counter($("span:first"));
});
$("input:eq(1)").click(function(){
Counter($("span:last"));
$("input:eq(0)").trigger("click"); //触发按钮1的点击事件
});
});
</script>
</head>
<body>
<input type="button" value="Button 1">
<input type="button" value="Button 2"><br><br>
<div>按钮1点击次数:<span>0</span></div>
<div>按钮2点击次数:<span>0</span></div>
</body>
</html>
相关文章推荐
- jquery 自动触发事件tigger()
- jquery按回车触发事件
- jQuery 触发Enter键事件
- jQuery实现自动调用和触发某个事件的方法
- JQuery实现改变select触发事件
- 解决jquery中动态新增的元素节点无法触发事件问题的两种方法
- jquery的自定义事件通过on绑定trigger触发
- JQuery 自动触发事件
- jquery关闭及跳出页面触发的事件
- jquery 查找select ,并触发事件的实现代码
- 关于jQuery动态加载元素之后绑定事件无法触发的问题
- Jquery 子页面触发父级事件、父级获取子级信息
- jQuery中使用trigger触发click事件失效的解决办法
- jquery实现input输入框实时输入触发事件
- jquery之jquery事件处理模型(触发事件处理程序)
- jquery实现按回车触发事件
- jquery中当内容改变时触发事件
- jQuery实现长按按钮触发事件的方法
- jquery中的触发事件的triggle 冒泡事件
- js/jquery实现复制、粘贴、剪切触发事件