草庐IT

insert-text-at-current-cursor-loc

全部标签

javascript - 如何防止表单重置清除我的 <input type ="text"> 元素?

如果我在页面上放置一个已经设置了值的表单控件,触发包含表单的重置功能会将值返回到页面加载时的原始值。但是,如果我使用javascript创建一个表单控件,并将其附加到DOM,则在重置表单时表单控件将被删除并变为空白。我怎样才能防止这种行为?我想给输入一个默认值,这样它就会像页面加载时页面上的控件一样被处理。在以下示例中,单击“重置”会清除一个输入(脚本添加的输入),但不会清除另一个(静态输入)。我想要的是两个输入都保留其值(value)。window.onload=function(){varinput=document.createElement('input');input.set

javascript - Learnyounode #6 使其模块化 : correct results AND throwing error at the same time?

我正在完成nodeschool.iolearnyounode练习#6,makeitmodular。我得到了正确的结果,但仍然有一段我不熟悉的代码出错。任何帮助都会很棒。这是结果和错误:Yoursubmissionresultscomparedtotheexpected:ACTUALEXPECTED────────────────────────────────────────────────────────────────────────────────"CHANGELOG.md"=="CHANGELOG.md""LICENCE.md"=="LICENCE.md""README.md"

javascript - .previousSibling 总是先返回父节点的 Text 节点吗?

我一直在使用nativeDOM方法(我知道,对吗?)并且我有这样的结构:我在上使用onClick标签,并希望从输入中检索值。在Chrome/OSX上,类似于this.previousSibling.previousSibling.value会很好用。我加倍了,因为第一个.previousSibling返回的Textnode,以及之前的另一个获取我想要的输入。我的问题是:.previousSibling如果存在,总是返回父节点的文本节点?谢谢!编辑/解决方案我的hacky解决方案是(跨浏览器)以确保我得到正确的元素,如下所示:varel=this;while(el.nodeType==3

javascript - window.clipboardData.getData ("Text") 在 chrome 中不起作用

我有这个javascript函数:functionmaxLengthPaste(field,maxChars){event.returnValue=false;if((field.value.length+window.clipboardData.getData("Text").length)>maxChars){field.value=field.value+window.clipboardData.getData("Text").substring(0,maxChars-field.value.length);returnfalse;}event.returnValue=true;

javascript - CucumberJS - 错误 : Step timed out after 5000 milliseconds at Timer. listOnTimeout (timers.js:92:15)

我是cucumberjs的新手,只是第一次尝试运行一个功能。我已经构建了cucumber-jsgithubpage上的功能.尝试运行时出现此错误:Benjamins-MBP:FeaturesBen$cucumber.jsexample.featureFeature:ExamplefeatureAsauserofcucumber.jsIwanttohavedocumentationoncucumberSothatIcanconcentrateonbuildingawesomeapplicationsScenario:Readingdocumentation#example.feature

javascript - 我什至无法让 $().text 正常工作。反而输出一大串代码

我已经设置了一个测试,因此我可以开始在cakePHP环境中使用jQuery,但我还没开始就遇到了问题。我也有TwitterBootstrap,但是当我遇到这个问题时,我关闭了所有功能以确保不是那个问题。它不是。我正在Chrome和Waterfox中对此进行测试。当我尝试$('#test').html('Hello');时,我什么也没得到。所以我尝试使用以下方法提醒一些事情:$(document).ready(function(){$('#test').click(function(){alert($('#test').text);});});和testspan这给了我结果:functi

javascript - 在 VUE JS 的 Cursor 位置插入字符

我一直在尝试在光标所在的文本区域中准确插入表情符号。我在网上查看了howtos找不到VUEJS中的任何特定内容。他们中的大多数都是纯JS。我有这个代码我的方法addEmoji(emoji){this.greeting_text+=emoji.native;this.showPicker=!this.showPicker;}显然,这段代码会将字符(在我的例子中是表情符号)添加到字符串的最后。为此,我需要一个纯vuejs解决方案。Vue中此类问题的最佳实践是什么?因为网络中很少有基于vanillaJS或Jquery的解决方案。 最佳答案

Javascript Contenteditable - 将 Cursor/Caret 设置为索引

我将如何修改此(Howtosetcaret(cursor)positionincontenteditableelement(div)?)以便它接受数字索引和元素并将光标位置设置为该索引?例如:如果我有段落:Thisisaparagraph.我调用:setCaret($(this).get(0),3)光标会像这样移动到索引3:Thi|sisaparagraph.我有这个但没有运气:functionsetCaret(contentEditableElement,index){varrange,selection;if(document.createRange)//Firefox,Chrom

javascript - INPUT TEXT 删除浏览器默认下拉菜单

我怎样才能删除您在这张图片中看到的焦点下拉菜单?通过css还是javascript?怎么办?谢谢。 最佳答案 使用autocomplete="off":但是,对于http://www.w3.org/TR/html5/the-form-element.html#attr-form-autocomplete 关于javascript-INPUTTEXT删除浏览器默认下拉菜单,我们在StackOverflow上找到一个类似的问题: https://stackover

javascript - 为什么 Text 元素上的 SVG bbox 方法在不同的浏览器中给出不同的结果?

我有一个SVG文本元素。我在IE9、Chrome和Firefox中得到了它的bbox,它们三个都给了我不同的值。我创建了一个非常简单的jsfiddle显示SVG文本及其大小,以便您明白我的意思。我还尝试了客户端rect,看看它是否更好。HTML/SVGTextContent测试javascriptvarbbox1=document.getElementById("text_name").getBBox();varf=document.getElementById("text_name").getClientRects();document.getElementById("size").