用Js控制CSS中textarea宽度

用Js控制CSS中textarea宽度,第1张

function windowSize(){

if($(window)width()<$(window)height()){

$("textarea")css("width","240px");

}

else{

$("textarea")css("width","520px");

}

}

$(document)ready(function(e) {

windowSize();

$(window)on({

"resize":function(){

windowSize();

}

}) 

});

这是JQ写法,你要不会我再改成原生JS写法。

js 获取、设置textarea的值

<textarea id="txta">test</textarea>

<script type="text/javascript">

var txt;

txt = documentgetElementById('txta')value; //获取textarea的值

documentwrite (txt);

documentgetElementById('txta')value = "txt2"; //设置textarea的值

</script>

JS获取宽高,急~

var img = new Image();

imgonload = function(){

宽度=thiswidth

高度=thisheight

}

imgsrc = 地址;

楚人齐语的阅读答案!急!急!急!

1、选出与“公将焉之”中“之”的用法不同的一项( )

A、吾欲之南海 B、辍耕之垄上 C、予独爱莲之出淤泥而不染 D、至之市而忘 *** 之

2、翻译句子

(1)公将焉之 (2)岂可不一会期哉?(3)身自罢之。

~~~~~~~~~~~希望采纳~~~~~~~~~

急ASP复合输入方式,

<script type=text/javascript>

function show(char) {

documentgetElementById("content")value += char;

}

function go() {

documentgetElementById("content")value += "\n";

}

function showcontent() {

var content = documentgetElementById("content")value;

documentgetElementById("showcontent")innerHTML = contentreplace(/\n/g,"<br/>");

}

</script>

</head>

<body>

<div>

<input type=button value="A" id="A" onclick="show('A');"/>

<input type=button value="B" id="B" onclick="show('B');"/>

<input type=button value="C" id="C" onclick="show('C');"/>

<input type=button value="D" id="D" onclick="show('D');"/></div>

<div>

<textarea cols="20" rows="5" id="content"></textarea>

<input type=button value="继续" onclick="go();"/>

</div>

<div><input type=button value="提交" onclick="showcontent();"/></div>

<div id="showcontent"></div>

</body>

</>

ps:我这是用纯js实现的,如果用asp的话,可以把数据读到数据库中,然后显示,“提交”,用submit

急 急 帮忙编程序,急用 谢谢

template

class TreeNode{

public:

T data;

int index;

int active;

TreeNode & operator=(TreeNode & treenode)

{

this->data=treenodedata;

this->index=treenodeindex;

this->active=treenodeactive;

return this;

}

};

急!我弟该报什么志愿?

天。。这是算是个阶段性的大事啊~逼近4年啊~如果内向再选到了~背身不爱的专业~4年简直

度日如年。。。

火车优惠卡问题,急

没有直达车可以中转,只要不明显绕行,刷一次卡,取两张学生票是允许的

换一句话说两张票都买学生票,刷一次卡就行

英语初三练习题急

1 doesn't any longer

2 how exciting

1 feel soft

2 didn't have until

3 how fast

4 what fine

英语填空急帮帮忙。

第一页第五题 anxious to leave

第二页第三题found himself in a room

第二页第四题found it difficult

望采纳,谢谢!

急 要念宋词最好买哪本?

中考你不用理解透彻这个诗人词人,有些诗词连老师也不理解它的真实意思呢。你就读到些看上去漂亮的句子就摘录下来备用就好,也不要硬用,读的熟了自然到时候就从笔尖涌出来了。

你年纪不大,读诗词还是读入门的《唐诗三百首》《宋词三百首》就好了,要正规出版社的,什么人民文学出版社了上海古籍出版社了都行,这样的出版社出的选本选的诗词都比较经典。

还有,中考作文啊,以我多年以前的经验,如果整篇都能写出大段排比,那分数就会比较高^_^

数学问题。。。。急,快解答

设 乙的速度为x

4(15x+x)=480-80

x=40

1, 用shadow

<div style="height:0; overflow:hidden;">

<p class="shadow"></p></div><textarea style="overflow:hidden;"></textarea><script>

textareaaddEventListener('input', function(e) {

shadowinnerHTML = thisvaluereplace(/\</g, '<')replace(/\>/g, '>'); thisheight = shadowclientHeight + 'px';

});</script>

2, 用 contenteditable 属性

<div contenteditable="true">这里的高度会随内容自动扩展</div>

3, 如果用

textareastyleheight = textareascrollHeight + 'px';

这种形式也可以调整高度, 但换行的时候会有滚动条一闪而逝, 而且高度只会增加没法减少, 是体验最差的写法

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>自适应编辑框</title>

        <style type="text/css">

            auto-input {

                width: 300px;

                min-height: 20px;

                max-height: 500px;

                _height: 20px;

                margin: 0;

                padding: 2px 3px;

                outline: 0;

                border: 1px solid #a0b3d6;

                font-size: 16px;

                word-wrap: break-word;

                overflow-x: hidden;

                overflow-y: auto;

                _overflow-y: visible;

            }

            auto-area {

                width: 300px;

                outline: 0;

                overflow: hidden;

            }

        </style>

    </head>

    <body>

        <!--使用contenteditable属性结合div标签实现-->

        <div id="autoInput" class="auto-input" contenteditable="true">

        </div>

    </body>

</html>

试下这个,使用Javascript控制textarea对不同的浏览器兼容性不是很好,如果大面积使用,可以把这个写成一个插件,自定义取值,设置值,创建等 *** 作;

以上就是关于用Js控制CSS中textarea宽度全部的内容,包括:用Js控制CSS中textarea宽度、textarea如何获取JS变量值、JS获取图片宽高,急~等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9557216.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存