欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

求助大家:关于css&js的弹窗

程序员文章站 2024-03-24 14:13:22
...

求助各位。
点击按钮时,求助大家:关于css&js的弹窗弹出弹窗没问题。
求助大家:关于css&js的弹窗

但是我想实现的是点击弹窗的灰色区域,可以关闭弹窗(已实现),点击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>

相关标签: 笔记