草庐IT

点击元素

全部标签

javascript - jQuery - 检查变量是否为 dom 元素

有什么方法可以检查给定变量是非空jQuery对象还是原生DOM元素?就是这样isDomElem($("#some-existing-element"));//returnstrueisDomElem($("#some-existing-element")[0]);//returnstrueisDomElem($("#non-existing-element")[0]);//returnsfalseisDomElem("#some-existing-element");//returnsfalseisDomElem([0,1,2]);//returnsfalse//etc...

JavaScript document.getElementById (“id” ) 和元素 id 属性

我有:在JavaScript中,我可以通过以下方式设置divinnerHTML:myDiv1.innerHTML="myDiv1,Hi!"或document.getElementById("myDiv2").innerHTML="myDiv2,Hi!"当我可以简单地使用元素Id时,为什么我应该使用document.getElementById?这是每次都有效还是仅在某些特殊情况下(例如简单示例)有效?谢谢,迈克 最佳答案 WhyshouldIusedocument.getElementByIdwhenIcansimplyuseele

javascript - 是否可以将点击事件附加到文档片段?

我尝试过的://creatingelementsvarcontainer=document.createDocumentFragment();varheadline=document.createElement('h1');headline.innerHTML='Thisisaheadline.';//attachingtoDOMcontainer.appendChild(headline);document.body.appendChild(container);//attachingclickeventcontainer.addEventListener('click',funct

javascript - css动画后点击事件丢失

为了开玩笑,我在我的一个网站上放了一个Google-eskbarrelroll。第一次单击所选元素时一切正常,但之后不会再次触发。我试过.click、.on('click',function(){})都没有用。关于如何解决以及为什么会发生这种情况的任何想法?BasicjsFiddlehere源代码示例;RollMe$(function(){$('#roll').on('click',function(){$('body').css({"-moz-animation-name":"roll","-moz-animation-duration":"4s","-moz-animation-i

javascript - 获取指令外范围的元素

是否有技巧可以使与范围关联的元素超出拥有它的指令?我的前提是它必须在最不利的条件下完成(从控制台或Greasemonkey脚本)。例如。获取具有作用域的元素angular.element(document.querySelector('.ng-scope')).scope().$$childTail没有DOM遍历。我想可以遍历所有ng-scope和ng-isolate-scopeDOM元素并映射它们的范围,但我正在寻找更优雅的解决方案(map也需要保持最新,我正在努力远离DOMSubtreeModified,这也不适用于debugInfoEnabled禁用)。

javascript - 删除元素后的 MutationObserver 行为

我有一个MutationObserver绑定(bind)到#foohtml元素。vartarget=document.querySelector("#foo");varobserver=newMutationObserver(function(mutations){mutations.forEach(function(mutation){//...});});当用户点击#button元素时,#foo会被移除并在一秒钟后再次出现。ClickmetoremovetheFoo!Hello,I'mFoo!正如我所注意到的,在删除并重新创建#foo后,观察器停止工作。这是正常行为吗?那么,我需要

javascript - 忽略 Chrome Dev Tools Pane 中的点击

我正在尝试查看和更改某些元素的样式,这些元素在单击时显示并在单击页面上的其他任何地方时隐藏(这是一个模式弹出窗口)。问题是单击开发人员工具Pane会触发“单击其他任何地方”操作,因此我试图查看的元素被隐藏了。如何忽略Chrome开发者工具面板中的点击操作,以免触发点击操作?(标记jQuery和Javascript,因为我不确定这是否是Chrome的问题,或者我是否需要以不同的方式加载脚本。) 最佳答案 啊,有一个很好的技巧。转到Sources面板,使用“fn+F8”键盘快捷键暂停脚本执行。(将鼠标悬停在暂停图标上以查看适用于您的操作

javascript - React-router 强制查询字符串为具有单个元素的数组

我刚刚将使用react和react-router制作的应用程序从旧版本迁移到react0.15和react-router2.0在旧版本中,Links是这样创建的:{name}这构造了一个url,如/route/?ids[]=1。那会给我组件this.props.query={ids:['1']}升级后Link声明更改为:{name}它生成类似/route/ids=1的url,现在路由器像这样解析查询字符串:this.props.location.query={ids:'1'}如果链接声明中的数组有多个元素,我设法获得一个数组的唯一方法,尽管url没有在url中使用空括号。那么有没有办法

javascript - 如何让导入的 css 字体/图标对 shadow dom 中的元素产生影响?

假设我想使用shadowdom创建一个自定义元素。模板中的某些元素具有在链接的css文件中指定的类名。现在我想让css规则对元素产生影响。但由于shadowdom样式边界,我无法实现。DreamLineTourBlogContactErrorSearchvarimportDoc=document.currentScript.ownerDocument;varproto=Object.create(HTMLElement.prototype,{createdCallback:{value:function(){vart=importDoc.querySelector("#blog-hea

javascript - 检查点击是否由触摸或点击触发

我有点击的功能$('#test').click(function(e){//somecode});如何检查test元素是否被点击或触摸? 最佳答案 您可以对两个事件使用一个事件,然后检测触发事件的类型:$('#test').on('touchendclick',function(e){if(e.type=='click')alert('clicktriggered');elsealert('touchtriggered');});希望这对您有所帮助。$('#test').on('touchendclick',function(e){