草庐IT

rxjs-dom

全部标签

javascript - Recaptcha v2 在重置时抛出错误并且其容器元素从 DOM 中移除

当我显式呈现Recaptchav2然后在将其从DOM中删除之前重置它时,大约40秒后我在浏览器控制台中收到错误消息。我有一个JSFiddle可用于重现该问题。相关代码摘录如下:constrecaptchaHolder=document.getElementById('...');constrecaptchaWidgetId=grecaptcha.render(recaptchaHolder,{/*...*/});//thenlatergrecaptcha.reset(recaptchaWidgetId);recaptchaHolder.parentElement.removeChild

javascript - 将整个 DOM 复制到新窗口

你好我有一个渲染的jsp可以做我想要的,我需要在第二个显示器上显示它,我将如何复制当前窗口的整个dom并创建一个全新的窗口?我稍后会希望主人进一步编辑那个子窗口并写信给它。非常感谢任何见解。 最佳答案 那会很棘手。你当然可以打开一个新窗口并与之通信,但你不能传递DOM对象。您基本上需要将生成的DOM转换为字符串,将其传递到新窗口,然后将其作为文档进行解析。像这样:CopyCurrentWebpageIntoaNewWindow 关于javascript-将整个DOM复制到新窗口,我们在S

javascript - 如何在 aurelia 单元测试中访问 DOM 元素?

在单元测试中,如何实例化自定义元素(或View)并访问实时DOM元素?我读了thisarticle这到达了自定义元素被实例化的地步,但我认为我无法到达DOM元素。顺便说一句,我知道Protractor和端到端测试,但这不是我在这里寻找的。2016年10月14日更新:我发现我可以注册一个这样的实例来制作@inject(Element)工作:container=newContainer().makeGlobal();container.registerInstance(Element,document.createElement('div'));vm=BehaviorInstance.cr

javascript - 非 DOM 对象上的 jQuery 自定义事件

我最近读了一些代码,它做了这样的事情:bob={'name':'BobSmith','rank':7};$(bob).bind("nameChanged",function(){/*...*/});//...$(bob).trigger("nameChanged");这似乎有效。但是我在jQuery文档或源代码中找不到任何有关使用既不是选择器也不是DOM节点的对象调用jQuery构造函数的内容。所以我的问题是,这是一种受支持的用途,还是它本质上是偶然起作用的?如果您想在JavaScript中为您的模型或View对象使用事件驱动模型,您会怎么做? 最佳答案

javascript - 如何获取与 DOM 元素关联的事件?

我有一个HTML文档。使用JavaScript可以获取与文档中特定FORM元素中的每个元素关联的事件。varelement=document.forms[i].elements[j];这样我可以得到i形式的第j元素,但是我能得到与该元素关联的事件吗?表单中可以有任意数量的元素。我正在使用IE8。**编辑:**实际上我试图将HTMLDOM序列化为XML。我为此所做的是:createXML:function(){objSerializeDOM.msg+="";objSerializeDOM.msg+="\n\n";//Getalltheformsinadocument.varforms=d

javascript - 在 Vuejs 中计算 DOM 元素之间距离的最佳方法是什么?

我正在构建一个从数据生成pdf文件的工具,我需要构建两种格式:105mm*148mm和105mm*210mm。所以我得到了整个文档,现在是我插入分页符的时候了。我用一个简单的类来做到这一点:.page-break{display:block;page-break-before:always;}现在我必须将这个类插入到我的v-for循环中。所以一个基本的想法是计算一个区间,比如每个索引都是6的倍数,我插入一个。但这不是最好的方法,我想在内容超过90mm时插入一个中断。为了做到这一点,我想计算2个断裂之间的距离,如果距离接近90毫米,则插入一个新断裂。但是,我找不到访问我的动态DOM元素的

javascript - 在浏览器中导入 RxJS 6?

现在allmodernbrowsersupportjavascriptmodules,我正在浏览器中尝试importing代码。我们可以从unpkg.com获取npm模块,我找到了jspm项目,它将npm模块包装成浏览器可以使用的格式。但我仍然遇到问题,最明显的是RxJS.从版本6开始,RxJS建议您像这样导入构造函数和运算符:import{Observable,Subject,ReplaySubject,from,of,range}from'rxjs';import{map,filter,switchMap}from'rxjs/operators';但是如果我尝试在浏览器中使用:im

javascript - rxjs 在订阅时只使用一次 promise

我想第一次使用rxjs但有点卡住了,因为它的行为与我想要的不完全一样:在我的场景中,我想从promise中创建一个可观察对象.但我希望promise只被调用一次(不是在每个订阅上)并且我不希望它在创建时被调用(将调用推迟到第一个订阅)。首先我尝试了这个:varsource=Rx.Observable.fromPromise(_this.getMyPromise())这导致在创建时立即调用getMyPromise函数。这并不令人满意,因为那时我不知道源是否真的会被使用。然后我尝试了:varsource=Rx.Observable.defer(function(){return_this.

javascript dom,如何处理 "special properties"作为属性?

问题是使用属性还是属性。没有找到这个文档,所以运行了一些测试(chromium12):属性属性accept,alt,formMethod,formTarget,id,name,placeholder,type,maxlength,sizeform:method,name,target,action,enctype可以设置属性或特性将反射(reflect)到属性(property)或属性异常(exception)1:如果表单属性将首先查找该名称的元素(!)异常2:action属性使用值重写自身,将设置值传递给属性异常3:enctype保持其完整性,但将设置值传递给属性属性value,au

javascript - 使用 javascript 扩展 DOM 范围以覆盖部分选定的节点

我正在开发像Web应用程序这样的富文本编辑器,基本上是用javascript编写的XML编辑器。我的javascript代码需要包装来自contentEditablediv容器的节点选择。我正在使用MDC中描述的方法.但是因为我需要将div容器内容同步到我的XMLDOM,所以我想避免部分选择,如w3cranges中所述。:TitleBlahxyz.............^----------------^............这个选择从H1开始到P结束,我希望它完全包括H1,P。有没有一种简单的方法可以将选择范围扩大到完全覆盖部分选择的child?基本上我想使用range.surr