草庐IT

文本处理

全部标签

javascript - chrome setSelectionRange() 在 oninput 处理程序中不起作用

我正在处理一些自动完成代码。setSelectionRange()用于在oninput事件处理程序中选择已完成的文本。它至少适用于Firefox14,但不适用于Chrome(6、17)。演示问题的简化代码片段如下:functionselect(e){vars=this.value;if(s.length)this.setSelectionRange(s.length-1,s.length);}我在chrome中调试了代码,发现在执行setSelectionRange()后,一开始选中了文本,但后来选中的内容消失了。如果我将处理程序绑定(bind)到onclick而不是oninput,如

javascript - 我应该在 removeChild 之前从元素中删除事件处理程序吗?

比如说,我有一个元素并附加了一些事件,例如click(不是内联onclick!)。//somewhereiwrotefoo.addEventListener("click",clickHandler,false);...//somewhereiwillwritefoo.parentNode.removeChild(foo);我是否也需要删除所有事件? 最佳答案 documentationonjQuery'sempty()method说:Toavoidmemoryleaks,jQueryremovesotherconstructssu

javascript - 防止D3饼图中的文本重叠

我一直在谷歌搜索,但我似乎无法理解这一点。我的情况是饼图上显示的国家/地区重叠:这是正在发生的事情的一个例子:jsfiddle我是D3的新手,我正在努力防止文本重叠。有没有我可以添加的文本边距属性,这样我的标签就不会相互重叠? 最佳答案 更新:查看D3putarclabelsinaPieChartifthereisenoughspace的答案以获得更全面的解决方案。我不知道有什么通用的方法可以放置文本元素使其不重叠。但是,通过旋转标签和缩放图形使它们不重叠,有一个解决您的问题的方法:http://jsfiddle.net/2uT7F

javascript - 单击按钮文本并释放它(但仍在按钮内)时,按钮元素未触发单击事件?

在WebKit浏览器上(我在Mac上的Chrome和Safari上测试过),按钮元素表现得很奇怪:文在这个fiddlehttp://jsfiddle.net/5ReUn/3/您执行以下操作:当光标位于HTML按钮文本上时按鼠标左键将光标(按下时)移动到没有文本的按钮区域松开鼠标键那么按钮元素上的点击事件不会被触发!HTML非常简单:Click而且CSS一点也不复杂:button{display:block;padding:20px;}点击捕捉JS:button=document.getElementById('button');button.addEventListener('clic

javascript - 如何将文本输入字段值设置为常量并将该值记录在 Cypress.io 中

如何将文本输入字段值获取到Cypress中的“const”变量,以便我可以使用cy.log()记录该变量。以下代码没有记录任何内容,熟悉Cypress.io的人可以指教cy.get('input[name="email"]').then(($text)=>{consttxt=$text.text()cy.log(txt)}) 最佳答案 使用invoke('val')而不是invoke('text')对我的情况有效。html标签的提示Cypress代码cy.get('input[name="email"]').invoke('val'

用于打印的 Javascript 事件处理程序

我试图在打印时改变样式:在调用file>>print时,您可以在javascript中监听事件吗?它是什么?另外-打印完成时是否有处理程序?这是什么?或者如果有更好的方法可以通过其他一些方式(例如样式表)来做到这一点,您是怎么做到的? 最佳答案 不同的样式表您可以为打印指定不同的样式表。一个样式表正如kodecraft提到的,您还可以使用@mediablock将样式放入同一个文件中。@mediaprint{div.box{width:100px;}}@mediascreen{div.box{width:400px;}}

javascript - jquery 删除新行然后用 block 元素包装文本节点

我有一些这样的段落:"Thisisthefirstpara.r\r\n\nThisisthesecondonewithlotofnewlineafter\n\n\n\n\n\nAndthelastpara.\n\r\r"我想删除新行并用包裹每个段落标签。我期望输出如下:Thisisthefirstpara.ThisisthesecondonewithlotofnewlineafterAndthelastpara. 最佳答案 vard="line1\n\nline2\n\n\n\nline3";$('body').append(''+

javascript - 是时候用 javascript 处理第一个字节了吗?

是否有任何现代浏览器可以通过javascript在http请求上公开第一个字节的时间(TTFB)和/或最后一个字节的时间(TTLB)而无需诉诸任何插件?我想要的是一个javascript片段,它可以访问这些值并将它们发回服务器以进行性能监控。澄清:我不是在寻找任何js计时器或开发人员工具。我想知道并希望的是,是否有任何浏览器可以测量加载时间并通过javascript公开这些值。 最佳答案 你要的是W3C的PerformanceTiming界面。浏览器支持很好(参见2011年9月的thissurvey)。就像您在回应ShadowWiz

javascript - 在文本选择之前/之后添加元素

我正在寻找允许我在所选文本之前或之后构建一些元素的功能。类似这个的东西javascriptreplaceselectionallbrowsers但是用于在选择之前或之后添加一些内容而不是替换它,例如after()和before()jQuery方法。我应该使用某种DOM选择方法吗?如果是,是哪一种?或者是否存在更容易执行的方法? 最佳答案 这里有一对函数可以做到这一点。实例:http://jsfiddle.net/hjfVw/代码:varinsertHtmlBeforeSelection,insertHtmlAfterSelectio

javascript - jquerymobile动态更改按钮问题的文本

我正在尝试动态更改按钮的文本。但是按钮的用户界面会乱七八糟。知道为什么吗?http://jsfiddle.net/L6xRZ/ 最佳答案 jQueryMobile进入并更改您的HTML以使一切按预期工作。因此,当您更改按钮内的时间时,您正在撤消jQueryMobile为您设置的内容。您可以进行的最简单的更改是在更新按钮文本(fiddlerhere)时将选择器从“#svbutton”更改为以下行:$('#svbutton.ui-btn-text').text(currentTimeString);您应该阅读更多关于jQueryMobi