草庐IT

dom-selection

全部标签

javascript - 如何检查下拉菜单是否在 Select2 中打开?

我正在使用select2在我的网站上。我需要在某个时候知道下拉菜单是打开还是关闭。我研究了documentation但我不知道如何做到这一点。例如,像这样的东西会很好:if($('select').select2('isOpen')===true){...}有什么建议吗? 最佳答案 在select2的4.0版本中,您可以收听select2:opening、select2:open、select2:closing和select2:close事件在select元素上,例如:$('select').on('select2:open',fu

javascript - 使用 ajax 时 Dynatree 忽略 select 属性

我正在使用dynatree插件显示复选框树,使用多选模式(模式3)。当使用ajax(没有延迟加载)初始化树时,似乎忘记了一些节点是最初选择加载的。当我选择这些节点之一时,传递给onSelect处理程序的标志值为真,即:它认为我想选择该节点。当我再次单击该复选框时,它会取消选择。在我实际单击复选框之前,似乎在后台不会注册选择。我想加载此节点已选定的树。我用来加载树的json对我来说看起来不错;select属性对于所讨论的节点(根节点)为真。这是JSON的片段:{"expand":true,"title":"All","isFolder":false,"key":"0","isLazy":

javascript - 如果没有观察到状态,虚拟 DOM 实现与 createDocumentFragment() 有何不同?

虚拟DOM是DOM的轻量级副本,在将其插入实际DOM之前在本地进行维护/缓存。我们可以根据需要更改它,然后保存到我们真正的DOM树中。它使用高效的差异算法来来回更新更改和其他用例。这一切都是为了避免直接操作DOM,因为它是一项昂贵的操作。我们有document.createDocumentFragment()方法,它可以在JavaScript中使用,它也可以创建虚构的要插入到DOM中的树节点对象。我想知道,如果我没有需要观察任何状态或双向绑定(bind)的View/组件(例如,仅通过传递的选项渲染模板,并处理DOM上的事件),VirtualDOM是否真的可以使这种情况有区别吗?或者它和

javascript - DOCTYPE 仅与标记相关还是与 DOM 相关?

达到什么抽象级别?文档的声明(和内容类型)是否仍然相关?例如,如果我正在使用XHTML但想使用XHTML中不可用的元素-一个简单的例子是iframe-使用JavaScript以编程方式添加元素是否是一种不好的做法?还是我必须不使用iframe或不使用XHTML?验证器仍然会验证文档——因为它不执行JS——但是修改DOM理论上有什么问题所以它不再与一致吗?(并返回内容类型),或者是仅在文本形式时与标记相关?附录更具体地说,我的问题不是关于将影响JavaScript或JavaScript的执行方式,但它应该如何影响开发人员在以编程方式添加、删除和修改元素方面的选择。我的例子是,如果客户既想

javascript - Bootstrap x 可编辑。以编程方式更改数据类型(删除 select2 数据类型)

我正在使用bootstrapx-editablehttps://vitalets.github.io/x-editable/index.html这是我的html代码:id}}"data-pk="{{$cat->id}}"data-type="select2"data-title="Favorllenarloscampos">javascript代码:$('.addon').editable({placement:'bottom',mode:'inline',showbuttons:false,source:categories,select2:{width:200},display:f

javascript - 如何使用 react-select 呈现 "N items selected"而不是 N 个选定项目的列表

我正在考虑使用react-select作为城市选择器的选择器,用户可以在其中选择一个或多个城市来过滤一些数据。这是在我的页面中呈现的屏幕截图:城市列表可能很大,如果一次选择大量城市,我不希望选择器超出其蓝色容器。这是我现在模拟时发生的情况:我不太喜欢它!我能想到的一种替代方法是呈现“选择的4个城市”而不是整个列表。这将在页面上具有可预测的大小。这如何用react-select完成? 最佳答案 注意:此答案适用于react-selectv1。查看answerbyNearHuscarlv3的解决方案。渲染“选择了N个项目”这可以通过va

javascript - 检测查询参数 react-router-dom v4.x 的变化并重新渲染组件

我不太确定为什么在我更改查询参数后它会显示默认路由。对于这类问题有更好的方法吗?也许我不应该使用查询参数?开放接受教育!版本“react”:“^16.2.0”,“react-dom”:“^16.2.0”,“react路由器”:“^4.2.0”,"react-router-dom":"^4.2.2",测试用例https://codepen.io/adamchenwei/pen/YeJBxY?editors=0011重现步骤单击主页->步骤1预期行为转到第1步以及第2步渲染正确的dom实际行为空的,页面上没有呈现任何内容//Forthisdemo,weareusingtheUMDbuild

javascript - JavaScript <-> DOM 循环引用问题详解

jQuery.data的优势之一与原始expando属性(您可以分配给DOM节点的任意属性)相比,jQuery.data“不受循环引用的影响,因此不会发生内存泄漏”。来自Google的一篇标题为"OptimizingJavaScriptcode"的文章进入更多细节:ThemostcommonmemoryleaksforwebapplicationsinvolvecircularreferencesbetweentheJavaScriptscriptengineandthebrowsers'C++objects'implementingtheDOM(e.g.betweentheJavaS

javascript - 从 PIXI.js 中的兄弟或父 DOM 元素捕获鼠标事件

我想在两个层上捕获鼠标事件:PIXI的Canvas和覆盖的div。我有以下类型的HTML设置,其中div.overlay位于canvas.pixi之上:当canvas位于顶部时,PIXI交互工作正常,但当Canvas被div.overlay覆盖时,我无法捕获任何事件。我发现setTargetElement似乎可以让我们为捕获元素定义DOM元素,我尝试像这样使用它:constrenderer=PIXI.autoDetectRenderer(...);renderer.plugins.interaction.setTargetElement(document.querySelector('

javascript - DOM 文本节点是否保证不会被解释为 HTML?

有谁知道Text类型的DOMNode是否保证不会被浏览器解释为HTML?更多详细信息如下。背景我正在为一个friend构建一个简单的网络评论系统,我一直在思考XSS攻击。我不认为过滤或转义HTML标签是一个非常优雅的解决方案——想出一个可以绕过过滤器的卷积太容易了。根本问题是,我想保证,对于某些内容(即随机未经身份验证的网络用户发布的内容),浏览器从不尝试解释或运行该内容。一个普通的(文本)开始首先想到的是使用Content-Type:text/plain,但这必须应用于整个页面。您可以将纯文本IFRAME放在页面中间,但这很丑陋,并且如果用户点击进入框架,它会产生焦点问题。inner