草庐IT

textArea

全部标签

javascript - 如何设置 textarea 的 scrollTop 值?

当我尝试为文本区域设置scrollTop值时遇到问题。我的JavaScript代码如下-varelement=document.getElementById("messageTextArea");console.log("scrollTop="+element.scrollTop);console.log("scrollHeight="+element.scrollHeight);element.scrollTop=element.scrollHeight;//doesn'twork!console.log("Thevalueis-->"+element.scrollTop);//no

html - Textarea 不通过表单发送值

所以我在我看来有一个表格..form_for(ActivityComment.new,remote:true,url:"/activity_comments/create",class:"col-md-6")do|f|f.hidden_field:klass_name,value:activity.klassf.hidden_field:klass_id,value:activity.idf.text_area:comment,class:"form-control"f.submit"Submit",class:"btnbtn-success"endhtml打印为...但是我在Cont

javascript - 如何防止 textarea 在打字时跳到页面底部? : JQuery/CSS

我不断地输入自动调整大小的文本区域;当文本进入页面底部并且我继续输入时;我发现页面在每次按键或keyup时跳得像hell一样,文本运行到页面底部(为此我需要向下滚动以检查发生了什么)。如何防止页面跳动和文字跑底?JSfiddle:https://jsfiddle.net/osbnnbxa/浏览器:IE10(在firefox中也发现了littledancing;但是客户使用IE10,所以只需要在IE10上工作)HTML:  JQuery:varmyquery={autoHeight:function(e){$(e).css({'height':'auto','over

javascript - 使用 Javascript 注册 `keydown` 事件后 Textarea 滞后

如何将一堆代码附加到onkeydown事件,同时又快速又清晰地将文本输入到textarea中?任何超过几个IF语句的东西似乎都会大大减慢它的速度。编辑:我应该补充一点(真不敢相信我忘了!)这不会影响桌面浏览器。这主要是iPhoneSafari的问题。其他移动浏览器也可能受到影响,但我们专注于iPhoneSafari,因为它执行JS最好(AFAIK) 最佳答案 考虑到您对此的编辑重点是iPhone访问...iPhone确实没有那么强大。你最好只使用onchange或onblur而不是onkeydown。Dave的答案的替代方法是等待用

html - 让 TextArea 垂直填充页面的其余部分?

有没有一种简单的方法可以使填充的高度达到页面的高度? 最佳答案 我认为理解为文本区域设置height:100%仅在您明确将其设置为quirks模式时才能在IE中工作很重要,尽管它在Firefox中按预期工作。W3C声明文本区域的大小是以行而不是像素等定义的。下面显示的是一种确保文本区域的大小始终占据整个body高度的简单方法,考虑到用户安装的工具栏等的无数,不同的显示器分辨率和甚至可能调整窗口大小。关键是简单的JS方法及其放置。表单只是用来模拟普通的文本框和标签。Look,Mom!NoScrollbars!functionresiz

javascript - 除了在 Firefox 中,Div 和 textarea 的行为相同 - 怎么办?

我想创建一个文本区域,突出显示超出字符限制的文本(如Twitter那样)。我的尝试在这里:http://jsfiddle.net/X7d8H/1/HTMLLettersremaining:140CSS*{font-family:sans-serif;font-size:10pt;font-weight:normal;}.wrapper{position:relative;width:400px;height:100px;}.wrapper>*{position:absolute;top:0;left:0;height:100%;width:100%;padding:0;margin:0

html - ion-item 内的 ion-textarea 在 IONIC 2 上不起作用

我在ion-item中有一个ion-textarea。它显示正常,但是当我按下文本区域时,它会显示和隐藏键盘。而且因为键盘是隐藏的,所以我不能输入任何文字。好像在我触摸屏幕后立即触发了onblur事件。这是我的代码:Comment有什么想法吗? 最佳答案 每当以这种方式使用ion-item时,您经常会遇到这样的错误。在我只是将它们包装在一个div中之前,我对输入发生了同样的事情。Perthedocs-一个项目可以包含文本、图像和任何其他内容。通常它与其他项目放在一个列表中。它可以轻松滑动、删除、重新排序、编辑等。只有在需要通过手势操

html - iOS 中 textarea 上的 Shadow DOM 强制填充

我遇到了一个让我有点困惑的问题。我对这个问题的引用是Mac上的Chrome32和iOS7.0.4上的Safari。在下面的示例中,Chrome将.background和textarea元素中的文本完美地呈现在彼此之上,这就是我想要的。不过,iOS上的Safari会将textarea中的文本偏移3个像素单位。尽管padding、border和margin在两个元素上都设置为相同的值,但还是会发生这种情况。当我在Safari的开发者工具中调试时,无论是通过我的iPhone设备还是iOS模拟器,在概述元素指标时,元素本身都完美对齐。标记ThisisatestThisisatestCSS.co

html - FireFox 中的 100% TextArea 使用绝对位置

我正在尝试让我的textarea填充所有可用空间,我使用了:我不能使用100%width&height因为我到处都有边距和填充,我必须在相对位置父级内使用绝对位置+top,right,bottom&left全部为0-这在FF中不起作用。关于如何解决它的任何想法?更新1-当我用DIV替换我的textarea时,它开始工作。更新2-实际标记:A 最佳答案 Snook先生在去年3月失败了,但他提出了一种解决方法:wrapthetextareainanotherelement这对您有帮助吗? 关

jquery - TextArea 元素 - 适合内容的默认大小

如果我在textarea元素上设置固定宽度,是否有一种优雅的方法可以将默认高度设置为允许所有内容适合的大小?我希望避免在jquery中硬编码任何会比较text.length并尝试将值等同于高度的内容,但也许这是唯一的方法,如果可能的话,我希望看到一些nativecss规则但我似乎想不出任何想法。我创建了一个fiddle来说明我要完成的工作。http://jsfiddle.net/edZgm/代码如下:CSS:textarea{overflow:hidden;}JQuery:$('document').ready(function(){$('textarea').width(500);/