草庐IT

重复元素

全部标签

javascript - 如何从 Javascript 中的元素中删除点击事件?

我有一个使用以下代码附加了点击事件的元素:varid="someId";varelem=document.getElementById("elemId");elem.addEventListener("click",function(){someFunction(id);},false);稍后我复制该元素并将其添加到DOM的另一部分,但需要先删除click事件varelem=document.getElementById("elemId");elem.removeEventListener("click",????,false);我不确定如何引用监听器,到目前为止我没有尝试从元素中删除

Javascript:单击包装元素而不是子元素

我正在编写一些javascript(jQuery),使div包裹在复选框周围,单击时将切换复选框元素。但是,我遇到的问题是,当您单击复选框时,它不起作用,因为它被切换了两次(至少我认为这是正在发生的事情)。Here'sademo.代码如下:$('.checkbox-wrapper').click(function(){var$checkbox=$(this).find('input[type="checkbox"]');if($checkbox.is(':checked')){$checkbox.attr('checked',false);}else{$checkbox.attr('c

javascript - 在 SELECT 元素的更改事件中重新验证输入

我正在编写一个AngularJS应用程序,在这个应用程序中有一个域管理工具。选择域后,我会在表中生成域记录,让用户编辑每一行。由于字段是动态创建的,我使用ng-form来启用单独验证每一行,因为它们共享相同的名称。每个域记录都有一个内容字段,其中包含IP、CNAME等内容。我使用根据所选记录类型(A、CNAME、TXT等)的函数生成的正则表达式模式验证此字段。问题是,当我编辑A记录,然后将记录类型更改为CNAME时,表单仍然有效,因为没有对内容字段执行新的验证。我重新验证它的唯一方法是开始在内容字段中输入内容,然后就可以正常工作了。检查下面的图片:我在A记录上按编辑,一切看起来都很好:

javascript - Reactjs - 在动态元素渲染中将 ref 添加到输入

我正在尝试在React中的onClick上聚焦/突出显示输入文本。它按预期工作,但仅在渲染数组中的最后一个元素上工作。我尝试了几种不同的方法,但它们都做同样的事情。这是我所拥有的两个示例:exportdefaultclassServicesextendsComponent{handleFocus(event){event.target.select()}handleClick(){this.textInput.focus()}render(){return({element.sources.map((el,i)=>({this.textInput=input}}value='textt

javascript - 在 typescript 中返回 react 16个数组元素

我想使用新的React16功能在我的render中返回数组元素,但我收到typescript错误Property'type'ismissingintype'Element[]'constElements:StatelessComponent=()=>([,]);我错过了什么?使用@types/react16.0.10和typescript2.5.3 最佳答案 我检查了最新的类型,他们忘记在无状态组件接口(interface)中添加新定义。我已经提出了这个问题,应该会尽快解决。从类组件返回一个数组是可行的,所以如果你现在真的需要它,你

javascript - 如何JSON.stringify一个dom元素?

如题,如何对dom元素进行JSON.stringify,并将json变回dom元素。谁知道怎么做,谢谢。Hereisthecode:varcontainer=document.querySelectorAll('.container')varjson=JSON.stringify(container){"0":{},"1":{},"2":{},"3":{}}"//resultexpectedresult:{"tagname":"div","class":"container","value":"test","childelement":[...]} 最佳答案

javascript - 将任意数量的具有不同宽度的元素对齐到带有环绕的网格

编辑我已经接受了下面@user943702给出的答案。我需要稍微修改它以使用我的Vue实现,如下面的代码片段所示。consttheElements=[{name:"ele1",children:[{name:1},{name:2},{name:3},{name:4},{name:5}]},{name:"ele2",children:[{name:1},{name:2},{name:3}]},{name:"ele3",children:[{name:1},{name:2},{name:3}]},{name:"ele4",children:[{name:1},{name:2},{name:

javascript - 如何获取由 css 设置的元素的字体大小

我正在编写一个简单的jQuery来按一定百分比更改元素的字体大小。我遇到的问题是,当我使用jQuery的$('#el').css('font-size')获取大小时,它总是返回一个像素值,即使使用em设置也是如此。当我使用Javscript的el.style.font-size属性时,它不会返回一个值,直到一个值被同一属性显式设置。有什么方法可以使用Javascript获取原始CSS设置的字体大小值吗?您的方法对跨浏览器的友好程度如何?提前致谢!编辑:我应该注意到,所有经过测试的浏览器(见下面的评论)都允许我使用上面提到的两种方法使用“em”值设置文本大小,此时jQuery.css()

javascript - 可通过 ID 访问的元素

我看到了一个奇怪的行为。我创建了一个Input。​并尝试直接从id访问它。控制台没有抛出异常,而是显示在输入元素上方。console.log(inputid);之后我尝试将它与getElementById进行比较console.log(inputid==document.getElementById('inputid'));控制台显示true。您可以在jsfiddle上看到此行为.这是一种奇怪的行为还是我遗漏了什么?我在Chrome23.0.1271.10dev-m和firefox15.0.1中进行了测试。 最佳答案 回到4.0浏览

javascript - 观察 greasemonkey 脚本中的元素创建?

当加载文档时创建类为“nav”的元素时,我需要得到通知。谷歌搜索我找到了MutationObservers并认为它们会很完美,但我似乎无法让它工作。//==UserScript==//@nameii-shortcuts//@namespacehttps://github.com/RedHatter//@include*//@version1//@run-atdocument-start//==/UserScript==varobserver=newMutationObserver(function(mutations){mutations.forEach(function(mutati