<html>
<head>
<title></title>
<style type="text/css">
.event_source {position:relative;}
.popup {width:200px;height:150px;border:solid 1px black;display:none;}
</style> <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
$(":text").focus(function() {
var $popup = $("<div class='popup'><p>aaaaaaaaaaaaaaaa</p><p>bbbbbbbbbbbbbbbbb</p></div>");
$popup.appendTo($("body")).show("slow");
}).blur(function() {
$(".popup").hide("slow").end().remove();
});
});
</script>
</head>
<body>
<input type="text" class="event_source" />
</body>
</html>以上代码实现了:焦点移入text显示弹出层。焦点移出text隐藏弹出层。现在有一个问题:
焦点移出text但落在弹出层内的情况下,不希望隐藏弹出层。
但现在即使焦点落在弹出层里,也是立即就隐藏了。怎么解决这一问题?
解决方案 »
- 用window.parent.location.href=""实现页面跳转在ie下不刷新的问题
- 判断一个用户点击了几次分享或者赞按钮怎么做
- highcharts 的y轴可以用字符来表示吗?
- [求助]遇到一个超级难处理的JS与正则替换问题,高手进
- 在线等!急!!!!!!!!!!
- javascript的document.body
- 点击按钮如何使多选框全部选中?能否给出javascript的代码,谢谢~
- 求助:如何在javascript中通过代码保留一个数字小数点后指定位数
- 如何在弹出一个窗口后,将母窗口自动关闭????
- chrome下js替换选中的字符无效
- 如何用JavaScript获得页面元素
- 可否使用html语言设定父元素? 注注::: 父元素是用js生成的...
$(":text").focus(function() {
var $popup = $("<div class='popup'><p>aaaaaaaaaaaaaaaa</p><p>bbbbbbbbbbbbbbbbb</p></div>");
$popup.appendTo($("body")).show("slow");
$(".popup").mouseover(show);
}).blur(function() {
$(".popup").hide("slow").end().remove();
});
function show(){
//alert("a")
$popup.appendTo($("body")).show("slow");
}楼主要是点击的话就要调用其他函数了
我再描述一遍问题:
所谓焦点落在弹出层,指的就是鼠标点击范围在弹出层内。
举个例子,弹出式日期控件大家都用过。
在焦点移到text时显示,移出时隐藏。
但是在对日期控件本身操作(点选年月日)时,不应该因为焦点移出了text而立即隐藏。
我要的就是日历控件式的效果。
然后text失去焦点时判断这个变量。
div好像不支持focus()和blur()事件。