求助大家:关于css&js的弹窗
程序员文章站
2024-03-24 14:13:22
...
求助各位。
点击按钮时,弹出弹窗没问题。
但是我想实现的是点击弹窗的灰色区域,可以关闭弹窗(已实现),点击textarea可以编辑内容。但现在点击textarea,却连窗口都关闭了,怎么办?求教
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=640,maximum-scale=1.0,user-scalable=no" />
<title></title>
<style>
body{
margin: 0;
padding: 0;
}
#back{
z-index: 0;
background-color: #B3B3B3;
width: 200px;
height: 100px;
text-align: center;
margin: 100px;
font-size: 30px;
}
#discuss_div{
position: fixed;
top: 0;
height:100%;
width: 100%;
z-index: 5;
background-color: #b3b3b3;
display: none;
}
#discuss_div1{
position: absolute;
bottom: 0;
width: 100%;
background-color: #0CA1B4;
padding: 10px 10px;
}
#discuss_div1 textarea{
width: 80%;
}
#discuss_div1 img{
width: 30px;
height: 30px;
}
</style>
</head>
<body>
<div id="back">按钮</div>
<div id="discuss_div" >
<div id="discuss_div1">
<textarea ></textarea>
<img src='img/suo.png' />
</div>
</div>
</body>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$('#back').click(function a(){
$('#discuss_div').show();
});
$('#discuss_div').click(function a(){
$('#discuss_div').hide();
});
</script>
</html>
下一篇: 求助:关于openpyxl使用的一些问题