Procházet zdrojové kódy

修改弹窗的大小和textarea,让其随内容高度变化

fanlongfei %!s(int64=8) %!d(string=před) roky
rodič
revize
2148d3e912

+ 15 - 15
WebUI/CallCenterWeb.UI/Business/WorkDC.html

@@ -467,7 +467,7 @@
467 467
 					type: 2,
468 468
 					content: "../CommonHtml/JiaoBan.html?wid=" + str, //iframe的url,no代表不显示滚动条
469 469
 					title: '工单交办',
470
-					area: ['45%', '40%'], //宽高
470
+					area: ['60%', '80%'], //宽高
471 471
 				});
472 472
 			}
473 473
 			//领导批示
@@ -476,7 +476,7 @@
476 476
 					type: 2,
477 477
 					content: "../CommonHtml/Leader.html?wid=" + str, //iframe的url,no代表不显示滚动条
478 478
 					title: '领导批示',
479
-					area: ['45%', '40%'], //宽高
479
+					area: ['60%', '80%'], //宽高
480 480
 				});
481 481
 			}
482 482
 			//市长批示
@@ -485,7 +485,7 @@
485 485
 					type: 2,
486 486
 					content: "../CommonHtml/shizhang.html?wid=" + str, //iframe的url,no代表不显示滚动条
487 487
 					title: '领导批示',
488
-					area: ['45%', '40%'], //宽高
488
+					area: ['60%', '80%'], //宽高
489 489
 				});
490 490
 			}
491 491
 			//办理
@@ -494,7 +494,7 @@
494 494
 					type: 2,
495 495
 					content: "../CommonHtml/banli.html?wid=" + str, //iframe的url,no代表不显示滚动条
496 496
 					title: '办理工单',
497
-					area: ['45%', '40%'], //宽高
497
+					area: ['60%', '80%'], //宽高
498 498
 				});
499 499
 			}
500 500
 			//督办
@@ -504,7 +504,7 @@
504 504
 					type: 2,
505 505
 					content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=1', //iframe的url,no代表不显示滚动条
506 506
 					title: '督办',
507
-					area: ['35%', '30%'], //宽高
507
+					area: ['60%', '80%'], //宽高
508 508
 				});
509 509
 			}
510 510
 
@@ -514,7 +514,7 @@
514 514
 					type: 2,
515 515
 					content: "../CommonHtml/Supervision_.html?wid=" + str + '&type=2', //iframe的url,no代表不显示滚动条
516 516
 					title: '监察',
517
-					area: ['35%', '30%'], //宽高
517
+					area: ['60%', '80%'], //宽高
518 518
 				});
519 519
 			}
520 520
 			//强制结案
@@ -523,7 +523,7 @@
523 523
 					type: 2,
524 524
 					content: "../CommonHtml/StrongLawsuit.html?wid=" + str, //iframe的url,no代表不显示滚动条
525 525
 					title: '强制结案',
526
-					area: ['45%', '52%'], //宽高
526
+					area: ['60%', '80%'], //宽高
527 527
 				});
528 528
 			}
529 529
 			 //回退BackDtail
@@ -532,7 +532,7 @@
532 532
 					type: 2,
533 533
 					content: "../CommonHtml/BackDatil.html?wid=" + str, //iframe的url,no代表不显示滚动条
534 534
 					title: '工单回退',
535
-					area: ['45%', '40%'], //宽高
535
+					area: ['60%', '80%'], //宽高
536 536
 				});
537 537
 			}
538 538
 			//查收
@@ -581,7 +581,7 @@
581 581
 					type: 2,
582 582
 					content: "../CommonHtml/tuihuisq.html?wid=" + str, //iframe的url,no代表不显示滚动条
583 583
 					title: '申请退回工单',
584
-					area: ['35%', '30%'], //宽高
584
+					area: ['60%', '80%'], //宽高
585 585
 				});
586 586
 			}
587 587
 			//审核退回申请
@@ -590,7 +590,7 @@
590 590
 					type: 2,
591 591
 					content: "../CommonHtml/shth.html?wid=" + str, //iframe的url,no代表不显示滚动条
592 592
 					title: '审核退回申请',
593
-					area: ['50%', '50%'], //宽高
593
+					area: ['60%', '80%'], //宽高
594 594
 				});
595 595
 			}
596 596
 			//办理
@@ -608,7 +608,7 @@
608 608
 					type: 2,
609 609
 					content: "../CommonHtml/Timesq.html?wid=" + str, //iframe的url,no代表不显示滚动条
610 610
 					title: '申请延时',
611
-					area: ['45%', '40%'], //宽高
611
+					area: ['60%', '80%'], //宽高
612 612
 				});
613 613
 			}
614 614
 			//审核申请延时
@@ -617,7 +617,7 @@
617 617
 					type: 2,
618 618
 					content: "../CommonHtml/shtime.html?wid=" + str, //iframe的url,no代表不显示滚动条
619 619
 					title: '审核延时申请',
620
-					area: ['45%', '40%'], //宽高
620
+					area: ['60%', '80%'], //宽高
621 621
 				});
622 622
 			}
623 623
 			//诉求回访
@@ -626,7 +626,7 @@
626 626
 					type: 2,
627 627
 					content: "../CommonHtml/Back.html?wid=" + str, //iframe的url,no代表不显示滚动条
628 628
 					title: '工单回访',
629
-					area: ['45%', '40%'], //宽高
629
+					area: ['60%', '80%'], //宽高
630 630
 				});
631 631
 			}
632 632
 			//重办工单
@@ -635,7 +635,7 @@
635 635
 					type: 2,
636 636
 					content: "../CommonHtml/Cb.html?wid=" + str, //iframe的url,no代表不显示滚动条
637 637
 					title: '重办工单',
638
-					area: ['45%', '40%'], //宽高
638
+					area: ['60%', '80%'], //宽高
639 639
 				});
640 640
 			}
641 641
 			//结案
@@ -644,7 +644,7 @@
644 644
 					type: 2,
645 645
 					content: "../CommonHtml/lawsuits.html?wid=" + str, //iframe的url,no代表不显示滚动条
646 646
 					title: '诉求单结案',
647
-					area: ['45%', '40%'], //宽高
647
+					area: ['60%', '80%'], //宽高
648 648
 				});
649 649
 			}
650 650
 

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/AddAppeal.html

@@ -77,7 +77,7 @@
77 77
 						<tr>
78 78
 							<th class="Importent">内容:</th>
79 79
 							<td colspan="7">
80
-								<textarea id="content" name="" rows="" cols="" style="width: 100%;"></textarea>
80
+								<textarea data-adaptheight id="content" name="" rows="" cols="" style="width: 100%;"></textarea>
81 81
 							</td>
82 82
 						</tr>
83 83
 						<tr>
@@ -154,6 +154,7 @@
154 154
 			</div>
155 155
 		</div>
156 156
 		<script src="../css/laydate/laydate.js"></script>
157
+		<script src="../js/adjustHeight.js"></script>
157 158
 		<script>
158 159
 			var wid = helper.request.queryString("wid");
159 160
 			var submit;

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/AddAppeals.html

@@ -78,7 +78,7 @@
78 78
 						<tr>
79 79
 							<th class="Importent">内容:</th>
80 80
 							<td colspan="7">
81
-								<textarea id="content" name="" rows="" cols="" style="width: 100%;"></textarea>
81
+								<textarea data-adaptheight id="content" name="" rows="" cols="" style="width: 100%;"></textarea>
82 82
 							</td>
83 83
 						</tr>
84 84
 						<tr>
@@ -155,6 +155,7 @@
155 155
 			</div>
156 156
 		</div>
157 157
 		<script src="../css/laydate/laydate.js"></script>
158
+		<script src="../js/adjustHeight.js"></script>
158 159
 		<script>
159 160
 			var wid = helper.request.queryString("wid");
160 161
 			var submit;

+ 2 - 4
WebUI/CallCenterWeb.UI/CommonHtml/AppealBack.html

@@ -13,7 +13,7 @@
13 13
 		<table  >
14 14
 			<tr>
15 15
 				<th >退回原因:</th>
16
-				<td colspan="2"><textarea name="" rows="" cols=""></textarea></td>
16
+				<td colspan="2"><textarea data-adaptheight name="" rows="6" cols=""></textarea></td>
17 17
 			</tr>
18 18
 			
19 19
 		</table>
@@ -22,9 +22,7 @@
22 22
 		</div>
23 23
 		</div>
24 24
 		   <script src="../css/laydate/laydate.js"></script>
25
-		   <script >
26
-		  
27
-		   </script>
25
+		   <script src="../js/adjustHeight.js"></script>
28 26
 	</body>
29 27
 </html>
30 28
 

+ 3 - 2
WebUI/CallCenterWeb.UI/CommonHtml/AppealDeal.html

@@ -20,11 +20,11 @@
20 20
 			</tr>
21 21
 			<tr>
22 22
 				<th class="Importent">主办单位:</th>
23
-				<td colspan="2"><textarea name="" rows="" cols=""></textarea></td>
23
+				<td colspan="2"><textarea data-adaptheight name="" rows="" cols=""></textarea></td>
24 24
 			</tr>
25 25
 			<tr>
26 26
 				<th >交办意见:</th>
27
-				<td colspan="2"><textarea name="" rows="" cols=""></textarea></td>
27
+				<td colspan="2"><textarea data-adaptheight name="" rows="" cols=""></textarea></td>
28 28
 			</tr>
29 29
 			
30 30
 		</table>
@@ -34,6 +34,7 @@
34 34
 		</div>
35 35
 		</div>
36 36
 		   <script src="../css/laydate/laydate.js"></script>
37
+		 	<script src="../js/adjustHeight.js"></script>
37 38
 		   <script >
38 39
 		   	laydate.skin('blue');
39 40
 

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/Back.html

@@ -45,7 +45,7 @@
45 45
 			</tr>
46 46
 			<tr>
47 47
 				<th class="Importent">回访内容:</th>
48
-					<td colspan="7"><textarea id="result" name="" rows="" cols=""></textarea></td>
48
+					<td colspan="7"><textarea data-adaptheight id="result" name="" rows="" cols=""></textarea></td>
49 49
 			</tr>
50 50
 		</table>
51 51
 		<div class="btn_box">
@@ -53,6 +53,7 @@
53 53
 			<button class="btns Submit">保存并提交回访</button>
54 54
 		</div>
55 55
 		</div>
56
+		<script src="../js/adjustHeight.js"></script>
56 57
 		<script>
57 58
 			var wid = helper.request.queryString("wid");
58 59
 				var State;

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/BackDatil.html

@@ -14,13 +14,14 @@
14 14
 		
15 15
 			<tr>
16 16
 				<th class="Importent">退回原因:</th>
17
-					<td colspan="7"><textarea id="result" name="" rows="" cols=""></textarea></td>
17
+					<td colspan="7"><textarea data-adaptheight id="result" name="" rows="6" cols=""></textarea></td>
18 18
 			</tr>
19 19
 		</table>
20 20
 		<div class="btn_box">
21 21
 			<button class="btns BC">保存</button>
22 22
 		</div>
23 23
 		</div>
24
+		<script src="../js/adjustHeight.js"></script>
24 25
 		<script>
25 26
 			var wid = helper.request.queryString("wid");
26 27
 			$(document).ready(function() {

+ 3 - 2
WebUI/CallCenterWeb.UI/CommonHtml/Cb.html

@@ -19,10 +19,10 @@
19 19
 				  </td>
20 20
 				</th>
21 21
 			</tr>
22
-			</tr>
22
+			
23 23
 			<tr>
24 24
 				<th class="Importent">督办意见:</th>
25
-					<td colspan="7"><textarea id="result" name="" rows="" cols=""></textarea></td>
25
+					<td colspan="7"><textarea data-adaptheight id="result" name="" rows="" cols=""></textarea></td>
26 26
 			</tr>
27 27
 		</table>
28 28
 		<div class="btn_box">
@@ -30,6 +30,7 @@
30 30
 
31 31
 		</div>
32 32
 		</div>
33
+		<script src="../js/adjustHeight.js"></script>
33 34
 		 <script src="../css/laydate/laydate.js"></script>
34 35
 		<script>
35 36
 				laydate.skin('blue');

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/Leader.html

@@ -34,7 +34,7 @@
34 34
 				</tr>
35 35
 				<tr>
36 36
 					<th class="Importent">批示内容:</th>
37
-					<td colspan="2"><textarea  id="superopinion" name="" rows="" cols=""></textarea></td>
37
+					<td colspan="2"><textarea data-adaptheight id="superopinion" name="" rows="6" cols=""></textarea></td>
38 38
 				</tr>
39 39
 				<tr>
40 40
 					<th>附件上传:</th>
@@ -52,6 +52,7 @@
52 52
 			</div>
53 53
 		</div>
54 54
 		<script src="../css/laydate/laydate.js"></script>
55
+		<script src="../js/adjustHeight.js"></script>
55 56
 		<script>
56 57
 			var wid = helper.request.queryString("wid");
57 58
 			$(document).ready(function() {

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/LeaderAdd.html

@@ -77,7 +77,7 @@
77 77
 						<tr>
78 78
 							<th class="Importent">内容:</th>
79 79
 							<td colspan="7">
80
-								<textarea id="content" name="" rows="" cols="" style="width: 100%;"></textarea>
80
+								<textarea data-adaptheight id="content" name="" rows="" cols="" style="width: 100%;"></textarea>
81 81
 							</td>
82 82
 						</tr>
83 83
 						<tr>
@@ -153,6 +153,7 @@
153 153
 			</div>
154 154
 		</div>
155 155
 		<script src="../css/laydate/laydate.js"></script>
156
+		<script src="../js/adjustHeight.js"></script>
156 157
 		<script>
157 158
 			var wid = helper.request.queryString("wid");
158 159
 			var submit;

+ 3 - 2
WebUI/CallCenterWeb.UI/CommonHtml/StrongLawsuit.html

@@ -22,11 +22,11 @@
22 22
 			</tr>
23 23
 			<tr>
24 24
 				<th class="Importent">结案意见:</th>
25
-				<td><textarea name="" rows="" cols="" id="finalopinion"></textarea></td>
25
+				<td><textarea data-adaptheight name="" rows="3" cols="" id="finalopinion"></textarea></td>
26 26
 			</tr>
27 27
 			<tr>
28 28
 				<th class="Importent">处理结果:</th>
29
-				<td><textarea name="" rows="" cols="" id="result"></textarea></td>
29
+				<td><textarea data-adaptheight name="" rows="3" cols="" id="result"></textarea></td>
30 30
 			</tr>
31 31
 			
32 32
 		</table>
@@ -34,6 +34,7 @@
34 34
 			<button class="btns BC ">保存</button>
35 35
 		</div>
36 36
 		</div>
37
+		<script src="../js/adjustHeight.js"></script>
37 38
 			<script>
38 39
 			var wid = helper.request.queryString("wid");
39 40
 			$(document).ready(function() {

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/Supervision_.html

@@ -30,7 +30,7 @@
30 30
 			<table>
31 31
 				<tr>
32 32
 					<th class="Importent title">督查意见:</th>
33
-					<td><textarea id='overseeopinion' textarea name="" rows="" cols=""></textarea></td>
33
+					<td><textarea data-adaptheight id='overseeopinion' textarea name="" rows="4" cols=""></textarea></td>
34 34
 				</tr>
35 35
 				<tr>
36 36
 					<th>附件上传:</th>
@@ -48,6 +48,7 @@
48 48
 				<button class="btns JC">保存</button>
49 49
 			</div>
50 50
 		</div>
51
+		<script src="../js/adjustHeight.js"></script>
51 52
 		<script>
52 53
 			var wid = helper.request.queryString("wid");
53 54
 			var type = helper.request.queryString("type");

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/Timesq.html

@@ -18,7 +18,7 @@
18 18
 			<tr>
19 19
 				<th class="Importent">申请延时原因:</th>
20 20
 				<td colspan="2">
21
-					<textarea id="reason" name="" rows="" cols=""></textarea>
21
+					<textarea data-adaptheight  id="reason" name="" rows="" cols=""></textarea>
22 22
 				</td>
23 23
 			</tr>
24 24
 		</table>
@@ -27,6 +27,7 @@
27 27
 		</div>
28 28
 		</div>
29 29
 		   <script src="../css/laydate/laydate.js"></script>
30
+		   <script src="../js/adjustHeight.js"></script>
30 31
 		   <script >
31 32
 		   	laydate.skin('blue');
32 33
 

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/banli.html

@@ -44,7 +44,7 @@
44 44
 				</tr>
45 45
 				<tr>
46 46
 					<th class="Importent">办理内容:</th>
47
-					<td><textarea id="result" name="" rows="" cols=""></textarea></td>
47
+					<td><textarea data-adaptheight id="result" name="" rows="" cols=""></textarea></td>
48 48
 					<input type="hidden" id="ID"/>
49 49
 				</tr>
50 50
 
@@ -55,6 +55,7 @@
55 55
 			</div>
56 56
 		</div>
57 57
 		<script src="../css/laydate/laydate.js"></script>
58
+		<script src="../js/adjustHeight.js" ></script>
58 59
 		<script>
59 60
 			var wid = helper.request.queryString("wid");
60 61
 				var State;

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/jiaoban.html

@@ -95,7 +95,7 @@
95 95
 				</tr>
96 96
 				<tr>
97 97
 					<th class="Importent">交办意见:</th>
98
-					<td><textarea id="assignedopinion" name="" rows="" cols=""></textarea></td>
98
+					<td><textarea data-adaptheight id="assignedopinion" name="" rows="" cols=""></textarea></td>
99 99
 					<input type="hidden" id="ID" />
100 100
 					<input type="hidden" id="PID" />
101 101
 					<input type="hidden" id="Dpment" />
@@ -109,6 +109,7 @@
109 109
 		</div>
110 110
 		<script src="../css/laydate/laydate.js"></script>
111 111
 		<script src="../js/zTree/jquery.ztree.core.js"></script>
112
+		<script src="../js/adjustHeight.js"></script>
112 113
 		<script>
113 114
 			var wid = helper.request.queryString("wid");
114 115
 			var State;

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/lawsuits.html

@@ -26,7 +26,7 @@
26 26
 				</tr>
27 27
 				<tr>
28 28
 					<th>结案意见:</th>
29
-					<td colspan="2"><textarea id="finalopinion" name="" rows="" cols=""></textarea></td>
29
+					<td colspan="2"><textarea data-adaptheight id="finalopinion" name="" rows="6" cols=""></textarea></td>
30 30
 				</tr>
31 31
 
32 32
 			</table>
@@ -34,6 +34,7 @@
34 34
 				<button class="btns">保存</button>
35 35
 			</div>
36 36
 		</div>
37
+		<script src="../js/adjustHeight.js"></script>
37 38
 		<script>
38 39
 			var wid = helper.request.queryString("wid");
39 40
 			$(document).ready(function() {

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/shTime.html

@@ -34,7 +34,7 @@
34 34
 			<tr>
35 35
 				<th class="Importent">审核意见:</th>
36 36
 				<td colspan="2">
37
-					<textarea id="reason" name="" rows="" cols=""></textarea>
37
+					<textarea data-adaptheight id="reason" name="" rows="6" cols=""></textarea>
38 38
 				</td>
39 39
 			</tr>
40 40
 			<input type="hidden"id="delayid" />
@@ -44,6 +44,7 @@
44 44
 			<button class="btns Noagree">拒绝</button>
45 45
 		</div>
46 46
 		</div>
47
+		<script src="../js/adjustHeight.js"></script>
47 48
 		   <script src="../css/laydate/laydate.js"></script>
48 49
 		   <script >
49 50
 		   	laydate.skin('blue');

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/shizhang.html

@@ -44,7 +44,7 @@
44 44
 				</tr>
45 45
 				<tr>
46 46
 					<th class="Importent">批示内容:</th>
47
-					<td colspan="2"><textarea  id="superopinion" name="" rows="" cols=""></textarea></td>
47
+					<td colspan="2"><textarea data-adaptheight id="superopinion" name="" rows="6" cols=""></textarea></td>
48 48
 				</tr>
49 49
 			</table>
50 50
 			<div class="btn_box">
@@ -52,6 +52,7 @@
52 52
 			</div>
53 53
 		</div>
54 54
 		<script src="../css/laydate/laydate.js"></script>
55
+		<script src="../js/adjustHeight.js"></script>
55 56
 		<script>
56 57
 			var wid = helper.request.queryString("wid");
57 58
 			$(document).ready(function() {

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/shth.html

@@ -29,7 +29,7 @@
29 29
 				</tr>
30 30
 				<tr>
31 31
 					<th class="Importent">审核意见:</th>
32
-					<td colspan="2"><textarea  id="Reason" name="" rows="" cols=""></textarea></td>
32
+					<td colspan="2"><textarea data-adaptheight id="Reason" name="" rows="" cols=""></textarea></td>
33 33
 				</tr>
34 34
 			</table>
35 35
 			<div class="btn_box">
@@ -38,6 +38,7 @@
38 38
 			</div>
39 39
 		</div>
40 40
 		<script src="../css/laydate/laydate.js"></script>
41
+		<script src="../js/adjustHeight.js"></script>
41 42
 		<script>
42 43
 			var wid = helper.request.queryString("wid");
43 44
 			var state;

+ 2 - 1
WebUI/CallCenterWeb.UI/CommonHtml/tuihuisq.html

@@ -16,7 +16,7 @@
16 16
 
17 17
 				<tr>
18 18
 					<th class="Importent">申请退回原因:</th>
19
-					<td colspan="2"><textarea  id="backreason" name="" rows="" cols=""></textarea></td>
19
+					<td colspan="2"><textarea data-adaptheight  id="backreason" name="" rows="" cols=""></textarea></td>
20 20
 				</tr>
21 21
 			</table>
22 22
 			<div class="btn_box">
@@ -24,6 +24,7 @@
24 24
 			</div>
25 25
 		</div>
26 26
 		<script src="../css/laydate/laydate.js"></script>
27
+		<script src="../js/adjustHeight.js" ></script>
27 28
 		<script>
28 29
 			var wid = helper.request.queryString("wid");
29 30
 			$(document).ready(function() {

+ 57 - 0
WebUI/CallCenterWeb.UI/js/adjustHeight.js

@@ -0,0 +1,57 @@
1
+//textarea根据文本域内容自动调整高度
2
+//用法在textarea中直接添加data-adaptheight属性即可
3
+
4
+(function() {
5
+    function adjustHeight(textareaElement, minHeight) {
6
+        // compute the height difference which is caused by border and outline
7
+        // 计算因边框和轮廓产生的高度差异
8
+        var outerHeight = parseInt(window.getComputedStyle(el).height, 10);
9
+        var diff = outerHeight - el.clientHeight;
10
+
11
+        // set the height to 0 in case of it has to be shrinked
12
+        // 设置高度为0以防需要收缩(高度)
13
+        el.style.height = 0;
14
+
15
+        // set the correct height
16
+        // el.scrollHeight is the full height of the content, not just the visible part
17
+        // 设置正确的高度
18
+        // el.scrollHeight 是文本内容的全部高度,而不仅仅是可见部分的。
19
+        el.style.height = Math.max(minHeight, el.scrollHeight + diff) + 'px';
20
+    }
21
+
22
+    // we use the "data-adaptheight" attribute as a marker
23
+    // 我们使用"data-adaptheight"属性作为一个标记
24
+    var textAreas = document.querySelectorAll('textarea[data-adaptheight]');
25
+
26
+    // iterate through all the textareas on the page
27
+    // 迭代本页所有的文本域
28
+    for (var i = 0, l = textAreas.length; i < l; i++) {
29
+        var el = textAreas[i];
30
+
31
+        // we need box-sizing: border-box, if the textarea has padding
32
+        // 如果文本域有边距,我们需要设置box-sizing: border-box
33
+        el.style.boxSizing = el.style.mozBoxSizing = 'border-box';
34
+
35
+        // we don't need any scrollbars, do we? :)
36
+        // 我们不需要滚动条,不是么? :)
37
+        el.style.overflowY = 'hidden';
38
+
39
+        // the minimum height initiated through the "rows" attribute
40
+        // 通过"rows"属性初始化的最小高度
41
+        var minHeight = el.scrollHeight;
42
+
43
+        el.addEventListener('input', function() {
44
+            adjustHeight(el, minHeight);
45
+        });
46
+
47
+        // we have to readjust when window size changes (e.g. orientation change)
48
+        // 当窗口大小改变时,我们需要重新调整高度(例如方向变化)
49
+        window.addEventListener('resize', function() {
50
+            adjustHeight(el, minHeight);
51
+        });
52
+
53
+        // we adjust height to the initial content
54
+        // 我们调整初始内容的高度
55
+        adjustHeight(el, minHeight);
56
+    }
57
+}());