跪求 textarea输出结果 IE浏览器下复制出来不换行

小白蔡啊 2014-01-26 03:11:45

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>实用功能</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body>
<div style="text-align:center;"><h2><font color="red">实用功能</font></h2></div>
<form action="" method="post">
<table align="center">
<tr>
<td>一行一个:</td>
<td>一行一个:</td>
<td>输出结果:</td>
</tr>
<tr>
<td><textarea id="kuang1" cols="30" rows="10"></textarea></td>
<td><textarea id="kuang2" cols="30" rows="10"></textarea></td>
<td><textarea id="kuang3" cols="30" rows="10"></textarea></td>
</tr>
<tr>
<td colspan="3" align="center">
<input class="button" type="button" value="打乱顺序" onclick="chuli1()">
<input class="button" type="button" value="去重复数" onclick="chuli2()">
<input class="button" type="button" value="转换小写" onclick="chuli3()">
<input class="button" type="button" value="完善 80" onclick="chuli4()">
<input class="button" type="button" value="完善 www" onclick="chuli5()">
<input class="button" type="button" value="词语组合" onclick="chuli6()">
</td>
</tr>
</table>
</form>
<script type="text/javascript">
var br ;
var ua = navigator.userAgent.toLowerCase();
if ( ua.match(/msie/) ){
br = "<br />";
}else{
br = "\r\n";
}
function chuli6(){
var kuang1=$("#kuang1").val();
var kuang2=$("#kuang2").val();
$.ajax({
type:"post",
url:"index.php?custom=pc&act=show6",
dataType:"json",
data:"kuang1="+kuang1+"&kuang2="+kuang2,
success:function(result){
var len=result.length;
html="";
for(i=0;i<len;i++){
html+=result[i]+br;
}
$("#kuang3").html(html);
$("#kuang4").html(html);
}
});
}
function chuli5(){
var kuang1=$("#kuang1").val();
$.ajax({
type:"post",
url:"index.php?custom=pc&act=show5",
dataType:"json",
data:"kuang1="+kuang1,
success:function(result){
var len=result.length;
html="";
for(i=0;i<len;i++){
html+=result[i]+br;
}
$("#kuang3").html(html);
$("#kuang4").html(html);
}
});
}
function chuli4(){
var kuang1=$("#kuang1").val();
$.ajax({
type:"post",
url:"index.php?custom=pc&act=show4",
dataType:"json",
data:"kuang1="+kuang1,
success:function(result){
var len=result.length;
html="";
for(i=0;i<len;i++){
html+=result[i]+br;
}
$("#kuang3").html(html);
$("#kuang4").html(html);
}
});
}
function chuli3(){
var kuang1=$("#kuang1").val();
$.ajax({
type:"post",
url:"index.php?custom=pc&act=show3",
dataType:"json",
data:"kuang1="+kuang1,
success:function(result){
var len=result.length;
html="";
for(i=0;i<len;i++){
html+=result[i]+br;
}
$("#kuang3").html(html);
$("#kuang4").html(html);
}
});
}
function chuli2(){
var kuang1=$("#kuang1").val();
$.ajax({
type:"post",
url:"index.php?custom=pc&act=show2",
dataType:"json",
data:"kuang1="+kuang1,
success:function(result){
var len=result.length;
html="";
for(i=0;i<len;i++){
html+=result[i]+br;
}
$("#kuang3").html(html);
$("#kuang4").html(html);
}
});
}
function chuli1(){
var kuang1=$("#kuang1").val();
$.ajax({
type:"post",
url:"index.php?custom=pc&act=show1",
dataType:"json",
data:"kuang1="+kuang1,
success:function(result){
var len=result.length;
html="";
for(i=0;i<len;i++){
html+=result[i]+br;

}
$("#kuang3").html(html);
$("#kuang4").html(html);
}
});
}
</script>
<style type="text/css">
body {
font-size: 12px;
background-color: #CCC;
}
form {
width: 960px;
margin: 0 auto;
padding: 10px;
background-color: #FFF;
}
.button {
width: 95px;
height: 32px;
border: 0;
font-size: 14px;
margin: 0 2px 2px 0;
background: #ddd url(Muban/Temp/pc.png) no-repeat;
cursor: pointer;
}
.button2 {
width:219px;
height:143px;
padding:5px;
line-height:21px;
overflow-Y:auto;
overflow-X:hidden;
border:1px #ccc solid;
}
</style>
</body>
</html>

id="kuang3" 这个是输出结果火狐下面都正常 IE下输出的结果是换行的复制出来就不换行

...全文

142 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

傲雪星枫 2014-01-26

打赏
举报

一切正常.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <title> New Document </title>
 </head>

 <body>
  <textarea id="txt" style="width:500px;height:300px">1111111</textarea>
  <input type="button" onclick="ck()" value="submit">
  <script type="text/javascript">
  function ck(){
	document.getElementById("txt").value = 	document.getElementById("txt").value + "\n\naaa";
	alert(document.getElementById("txt").value);
  }
  </script>

 </body>
</html>

借第一版完成之际，希望能将实践期间犯过的错误和获得的新知进行整理，希望能给其他初学者提供参考，也希望有大神在浏览我粗糙的开发过程中能指出一些意见或建议。（阅读以下内容需要有一定的html/css，javascript...

2021最全面、最详细web前端面试题及答案总结总结不易，希望可以帮助到即将面试或还在学习中的web...来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript

1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

代码转载自：https://pan.quark.cn/s/a4b39357ea24 考虑到仓库大小，此程序单独存放，请前往 https://.com/sun0225SUN/C-Love-Code

山西忻州代县产业发展分析建议：数字化赋能，科技创新驱动未来