当前位置：首页 → 问答吧 → 在父级监听事件不能触发

在父级监听事件不能触发

时间：2009-11-10

来源：互联网

复制代码

<!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>
</head>
<body>
<form name="myform" id="myform" action="" method="post">
姓名：<input type="text" name="UserName" value="" /><br />
密码：<input type="password" name="UserPwd" value="" /><br />
</form>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#myform').bind('focus',function(e){
var cell = $(e.target);
cell.addClass('selected');
}).bind('blur', function(e){
var cell = $(e.target);
cell.removeClass('selected');
});
});
</script>

哪儿写的不对啊？恳请指正！谢谢了！

作者: huaganshang 发布时间: 2009-11-10

jquery都没有引入

作者: ldhh 发布时间: 2009-11-10

作者: huaganshang 发布时间: 2009-11-10

不好意思！！

应该是form下面所有的输入元素在得到焦点时触发一个事件，离开时再触发一个。

看看下面的是不是你需要的：
我试过有效果
<!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>
.selected{ border-color:#093}
</style>
</head>
<body>
<form name="myform" id="myform" action="" method="post">
姓名：
<input type="text" name="UserName" value="" /><br />
密码：
<input type="password" name="UserPwd" value="" /><br />
</form>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('form > input').bind('focus',function(e){

  var cell = $(e.target);

  cell.addClass('selected');
}).bind('blur', function(e){
  var cell = $(e.target);
  cell.removeClass('selected');
});
});
</script>

作者: ldhh 发布时间: 2009-11-10

谢谢 ldhh ，学习了！十分感谢！

作者: huaganshang 发布时间: 2009-11-10

在父级监听事件不能触发

热门阅读

热门下载