web前端|js教程
空白区域,文本框,隐藏层
web前端-js教程
当文本框获得焦点的时候,在文本框的下方显示一个浮动层。
江湖家政 源码,vscode怎么登录账户,安装ubuntu空间,手机可以运行tomcat,egg 爬虫,php对象排序,西藏seo推广厂家报价,登录卡密网站源码,wordpress商品模板lzw
当用户点击除了文本框和浮动层以外的网页空白处时,要隐藏浮动层。
在线报名系统源码,vscode添加代码快捷键,ubuntu的拨号,tomcat项目日志设置,爬虫应对蜜罐,html加入php文件,静海区seo网络营销推广,网购网站后台管理系统图片lzw
当用户点击浮动层时,改变文本框的值。
phpmps源码下载,ubuntu长时间挂起,爬虫专业有哪些,滴滴外卖php,大熊南岸seolzw
function $(id){
return (document.getElementById(id));
}
function show_div(evt) {
var od = $(div1);
var e = window.event || evt;
var o = e.srcElement || e.target;
with (od.style) {
display = lock;
left = o.offsetLeft + px;
top = o.offsetTop + o.offsetHeight + 1 + px;
}
}
function hide_div(evt) {
$(div1).style.display = one;
}
function control_bubble(oEvent) {
//取消冒泡
oEvent = oEvent || window.event;
if (document.all) {
oEvent.cancelBubble = true;
} else {
oEvent.stopPropagation();
}
};
function fill_input(oEvent) {
$( ext1).value = $(div1).innerHTML;
control_bubble(oEvent);
}
window.onload = function() {
$("text1").onfocus = show_div;
document.onclick = function() {
//隐藏层
hide_div();
};
$("text1").onclick = control_bubble;
$("div1").onclick = fill_input;
}
<div align="center"
style="background:#666;position:absolute;overflow:auto;display:none;padding:50px;">点击我