处女贴 无法触发对象已经绑定的事件
时间:2009-10-27
来源:互联网
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.correctNotice{background-color:#F00}
.correctNotice2{background-color:#F0F0F0}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
function test(){
$(":text").click();
$(":text").blur();
//return false;
}
function chk(obj){
obj.className = "correctNotice2";
// if(obj.value==""){
// obj.value = "内容不能为空!";
// obj.className = "correctNotice";
// }
}
function clicked(obj)
{
obj.value ="you click";
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="Untitled-2.asp" >
<p>
<label>
<input type="text" name="textfield" id="textfield" onblur="chk(this)" onclick="clicked(this)"/>
</label>
</p>
<p>
<input type="text" name="textfield2" id="textfield2" onblur="chk(this)" onclick="clicked(this)"/>
</p>
<p>
<input type="text" name="textfield3" id="textfield3" onblur="chk(this)" onclick="clicked(this)"/>
</p>
<p>
<input type="text" name="textfield4" id="textfield4" onblur="chk(this)" onclick="clicked(this)"/>
</p>
<p>
<label>
<input type="button" name="button" id="button" value="按钮" onclick="test();"/>
</label>
</p>
</form>
</body>
</html>
为什么单击按钮的时候 不能触发所有 text 的click()和blur()事件呢?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.correctNotice{background-color:#F00}
.correctNotice2{background-color:#F0F0F0}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
function test(){
$(":text").click();
$(":text").blur();
//return false;
}
function chk(obj){
obj.className = "correctNotice2";
// if(obj.value==""){
// obj.value = "内容不能为空!";
// obj.className = "correctNotice";
// }
}
function clicked(obj)
{
obj.value ="you click";
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="Untitled-2.asp" >
<p>
<label>
<input type="text" name="textfield" id="textfield" onblur="chk(this)" onclick="clicked(this)"/>
</label>
</p>
<p>
<input type="text" name="textfield2" id="textfield2" onblur="chk(this)" onclick="clicked(this)"/>
</p>
<p>
<input type="text" name="textfield3" id="textfield3" onblur="chk(this)" onclick="clicked(this)"/>
</p>
<p>
<input type="text" name="textfield4" id="textfield4" onblur="chk(this)" onclick="clicked(this)"/>
</p>
<p>
<label>
<input type="button" name="button" id="button" value="按钮" onclick="test();"/>
</label>
</p>
</form>
</body>
</html>
为什么单击按钮的时候 不能触发所有 text 的click()和blur()事件呢?
作者: snria 发布时间: 2009-10-27
这么多人看了 没人回答啊。
作者: snria 发布时间: 2009-10-27
function test(){
$(":text").click();
$(":text").blur();
//return false;
}
使用jquery以后就不用这么写了..
<script type="text/javascript" src="jquery.js">
$(function(){
//当id为textfield这个组件是去焦点的时候.触发事件
$("#textfield").blur(){
if(($("#textfield").val())==""){
alert("内容不能为空!");
}
}
});
</script>
$(":text").click();
$(":text").blur();
//return false;
}
使用jquery以后就不用这么写了..
<script type="text/javascript" src="jquery.js">
$(function(){
//当id为textfield这个组件是去焦点的时候.触发事件
$("#textfield").blur(){
if(($("#textfield").val())==""){
alert("内容不能为空!");
}
}
});
</script>
作者: yuboloveless 发布时间: 2009-11-15
我也来看来,可是我希望找到问题的解决办法,因为我也遇到了这个麻烦,绑定了事件就是不触发
$(document).ready(function(){
$("#isstaffimp").bind("blur",function(){
alert("---");
});
});
就是不能触发,郁闷,寻办法 谁知道发我邮箱,是不是页面设置有问题,谢了
[email protected]
$(document).ready(function(){
$("#isstaffimp").bind("blur",function(){
alert("---");
});
});
就是不能触发,郁闷,寻办法 谁知道发我邮箱,是不是页面设置有问题,谢了
[email protected]
作者: dlnzs 发布时间: 2009-12-07
3楼的可以出发呀
一楼的不知道 留个记号
一楼的不知道 留个记号
作者: tanwlwl 发布时间: 2009-12-08
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28