草庐IT

TextArea

全部标签

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);/

javascript - cufon样式可以形成文本输入和textarea吗?

这有可能吗?我无法在文档中找到任何说你不能这样做的内容,但以下选择器对我不起作用:Cufon.set('fontFamily','Museo');Cufon.set('fontWeight','300');Cufon.replace('input.text,input.password,textarea');任何想法,或者Cufon根本不支持这个?谢谢。 最佳答案 我强烈反对。您最终会在您的站点中引入大量可用性问题(即没有复制/粘贴和退格问题)。Cufon在这个世界上占有一席之地,但不是在用户动态编辑的文本上。您还会在您的站点中引入

javascript - HTML/CSS/JS : How to make an illusion of a textarea with line numbers?

我想要一个在左侧显示行号的文本区域。换行应设置为“关闭”(以便水平滚动可用)。我想让我的页面成为一个独立的.html文件(不会有图形),所以我想避免任何第3方框架。我应该走哪条路?你会怎么做? 最佳答案 我将从两个文本区域和同步机制开始。像这样,window.sync=function(e){vartextarea=document.getElementById("lines");varsource=document.getElementById("some_text_area");textarea.scrollTop=source

html - 在 JavaFX WebView 中检测 HTML textarea onkeyup 事件

我想在输入时立即打印WebView中HTML文本区域的内容。PS:我试过听webView的keyEvent出于某种原因它没有工作。 最佳答案 如果您尝试将JavaFXTextArea对象的内容打印到WebView中,那么您应该将监听器添加到TextArea而不是WebView。如果您尝试在WebView的HTML页面内的HTMLTextArea标记中监听事件,您应该将监听器添加到文档模型://weneedthistowaittilldocumentloadwebEngine.getLoadWorker().stateProperty