草庐IT

dom-selection

全部标签

javascript - 如何检查dom元素是否可聚焦?

这个问题在这里已经有了答案:IsthereajQueryselectortogetallelementsthatcangetfocus?(8个答案)关闭9年前。许多DOM元素都是可聚焦的:带有tabIndex的div、input元素等。有没有比检查无数种不同情况更简单的方法来检查元素是否可聚焦?是否有用于此的jQuery方法?

javascript - 如何在 shadow dom 中使用全局 css 样式

Shadowdom封装css样式,选择器不跨越shadow边界。问题:如何在shadowdom中使用全局通用的css样式?(假设有一些通用的css样式将在所有页面中使用(例如:font-family、h1、h2、clear、reset...),如何使其在shadowdom中工作?) 最佳答案 我刚刚遇到了与原始问题相同的问题,即:定义一次一些全局规则,例如元素并从中受益ShadowDOM不,css-variables不适合这个东西,因为即使我已经定义了一次,比方说,font和color的变量,我仍然需要检查每个阴影样式表并添加一个使

javascript - 异步加载 javascript,然后在执行回调之前检查加载的 DOM

问题:异步加载js文件,然后在执行加载文件的回调之前检查是否加载了dom。编辑:我们不使用jQuery;我们使用原型(prototype)。编辑:为代码示例添加了更多注释。我正在尝试异步加载所有js文件,以免它们阻塞页面的其余部分。但是当脚本加载并调用回调时,我需要知道DOM是否已经加载,所以我知道如何构造回调。见下文://loadasynchronously(function(){vare=document.createElement('script');e.type="text/javascript";e.async=true;e.src=srcstr;//alittlemagic

javascript - JavaScript 函数能否检测调用它的 Flash DOM 对象?

挑战如下:我有一部Flash电影,它将使用未知的DOMID嵌入到页面中,我希望能够识别/存储该DOMID以便在JS函数中进行回调。我理想的用户流程是:用户点击Flash中的按钮。Flash暂停任何动画/视频/声音/等。Flash调用注入(inject)的JS函数来显示覆盖页面的叠加体验。当用户关闭覆盖体验时,将调用Flash对象的回调方法。Flash恢复播放。问题是,AS3使用ExternalInterface.call("functionName",args...)方法时,似乎没有触发DOM事件,因此无法判断哪个对象调用了JS函数,所以有一个“registerMe()”函数似乎不起作

javascript - Firefox 扩展 : Get selected text

我正在开发一个简单的Firefox扩展,我想获取选定的文本。我试过这个:varWordCount={/*...*/changeSelected:function(){varselectedText=this.getSelection();varwords=this.countWords(selectedText);this.changeStatus(words,"selected");//alert(selectedText);},getSelection:function(e){varfocused_window=document.commandDispatcher.focusedW

javascript - 如何使用 JavaScript 列出 DOM 节点的所有已注册事件?

我可以为DOM节点添加或删除事件处理程序。是否有可能找出给定DOM节点的所有已注册事件处理程序?我指的是直接的Javascript,意思是没有框架或工具包,如jQuery、dojo、Prototype、GWT等。如果答案是否定的,有什么原因吗?安全问题? 最佳答案 我知道这是一个老问题,但为了以防万一,对于chrome你可以使用getEventListenersgetEventListenersfunction如这里所述:https://stackoverflow.com/a/17466308/538752

javascript - Mutation Observer 未能检测到元素的 dom 移除

所以,我认为这会非常简单,以前有一个DOMNodeRemoved事件,但已弃用,而是MutationObserver应该使用,问题是,即使配置适当,它也不会触发。根据thisarticle关于从变异事件迁移到变异观察者,检测dom节点移除的配置是{childList:true,subtree:true},这适合给出childList是强制性的并且subtree根据themdnarticle,这意味着它将捕获不仅针对目标的突变,还针对目标的后代进行观察.无论如何,我做了一个jsfiddle问题,很简单,删除并且观察者应该记录变异记录,但它没有,看看你能不能弄清楚:)HTMLOhmygod

javascript - 错误 : SyntaxError: DOM Exception 12 on Tag Creation Using jQuery

我有以下javascript:varorderItemQuantity=$('',{type:'hidden',name:'order_detail[][quantity]',value:itemQuantity});上面的javascript抛出以下错误信息:Error:SyntaxError:DOMException12这个没有错误:varnewListItem=$('',{html:$('#item_name_'+itemId).text()+'('+$('#item_quantity_'+itemId).val()+')'+'Deletethis'+'',id:itemId})

javascript - Chrome DevTools 扩展 : how to get selected element from elements panel in content script?

我已经完成研究并为此苦苦挣扎了一段时间,但我需要您的帮助。我正在构建一个ChromeDevTools扩展。它应该将当前从“元素”面板中选择的元素作为引用传递给内容脚本中定义的JS对象。重要的是我将引用传递给所选元素,或通过其他方式从内容脚本中识别元素。我了解ChromeDevTools中“孤立世界”的工作流程。我还了解扩展页面、背景页面和内容脚本之间的消息传递。这只发生在JSON基元上,因此没有JS范围传递。如何将在devtools元素面板中选择的元素传递给位于被检查页面中的内容脚本?编辑这是我目前所知道的:获取对所选元素的引用:chrome.devtools.inspectedWin

javascript - Select2 错误 - 无响应

我正在使用Select2在我的页面上提供动态选择功能。这是代码:-$("#Spon_Index").select2({placeholder:"Typetoselectasponsor",minimumInputLength:3,multiple:false,width:400,ajax:{url:"../control/autocomplete_sponsor.aspx",data:function(term){returnterm;},results:function(data,page){alert(results);return{results:data}},formatRes