草庐IT

模糊处理

全部标签

javascript - TypeScript - 如何从事件处理程序方法访问类实例

在下面的代码片段中,我有一个TypeScript类,实例方法buz是Canvas的click事件的监听器。buz方法中的this关键字是指事件的目标对象(canvas)。如何从buz方法访问foo实例?classFoo{constructor(private_canvas:HTMLCanvasElement,private_message:string){}publicbar():void{this._canvas.addEventListener(`click`,this.buz);}privatebuz(e:MouseEvent):void{console.info(`Afterc

javascript - Angular :输入时模糊输入

我得到了一个可编辑的oneline标题,如下所示:但是,当我按下回车键时,输入字段会保持其焦点。我怎样才能让它失去对输入的关注? 最佳答案 作为yurzui评论中指出:(keydown.enter)="$event.target.blur();submit();false" 关于javascript-Angular:输入时模糊输入,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4

javascript - 如何模糊 puppeteer 中的输入元素?

我正在用puppeteer师测试形式。该表单具有在输入元素上发生模糊事件时触发的验证。但是在puppeteer中没有模糊元素的API。我正在尝试聚焦/单击body或div元素,但这无法触发我的onBlur验证。page.click("body"),page.focus("body")现在,我正在为火焰模糊事件使用虚假的点击图像。但这不是一个好方法。exportclassLoginPage{constructor(privatepage:Page){}asyncsetup():Promise{awaitthis.page.goto(MY_LOGIN_FORM);}asynctypeEma

javascript - 模糊事件不会在 IE7 和 IE6 中触发

我有一个下拉菜单,在其中单击div并显示列表。在聚焦时我应该隐藏列表(即当用户单击或聚焦于其他元素而不是鼠标移出时)。因此,我明显的选择是onblur。现在JavaScript似乎可以在Firefox中运行,但不能在IE中运行,那是因为我的div有一个指定了高度和宽度的子div。这在测试文件中是可重现的。我正在使用jQuery。这是InternetExplorer中的已知问题吗?解决方法是什么?ExploringIE/**ExploringIE**/.selected_optiondiv{height:18px;}$().ready(function(){$('.selected_op

javascript - 在事件处理程序中访问事件对象

当我尝试使用以下参数附加事件处理函数时:myhandle.onclick=myfunction(param1,param2);functionmyfunction(param1,param2){}现在我想在我的处理函数中访问事件对象。网上有一种发送事件对象的方法,比如:myhandle.onclick=myfunction(event,param1,param2);但是当我测试它时,它给出了未定义的事件对象。我知道库使这些事情变得简单,但我正在寻找原生JS选项。 最佳答案 myhandle.onclick=myfunction(pa

javascript - 如何将 JavaScript onClick 处理程序添加到嵌入式 html 对象?

我正在尝试将onClick处理程序添加到嵌入式对象。处理程序需要执行一个位于外部.js文件中的函数,该文件通过链接到当前的html文件。.由于函数位于其他位置,我是否需要以不同方式引用该函数?这是目前的代码(不起作用,但也不会产生任何错误): 最佳答案 您必须在svg内部实现onclick,并使用svg内部的javascript将其链接到外部JavaScript函数。有关示例,请参阅SVGwiki。更新:显然SVGwiki已经不存在了。毫不奇怪,我现在可以(快速)找到的最佳引用资料都在StackOverflow本身。Thisansw

javascript - jQueryUI 自动完成 - 选择后模糊字段

我希望能够在从下拉列表中选择一个值后模糊该字段。我目前有自动完成项目搜索焦点。这是我的:$("#season").autocomplete({source:function(request,response){$.getJSON("search.asp",{term:request.term,type:'season'},response);},minLength:0}).focus(function(event,ui){$(this).autocomplete("search","");}); 最佳答案 您可以使用“关闭”方法在输

javascript - 在 jQuery 中绑定(bind)事件后,如何获取对事件处理函数的引用?

如果我附加一个点击事件处理程序:$(".selector").bind("click",function(){//somehandlerfunction});如何获得对该函数的引用?这不起作用:varrefToFunc=$(".selector").bind("click");typeofrefToFunc==="object";//Iwantthefunction我认为bind("eventname")在那种情况下只返回jQuery对象而不是事件处理函数。它必须存储在某个地方。 最佳答案 非常有趣的问题。您可以像这样检索它:var

javascript - 如何全局处理 fancybox 的 onClose 事件?

我在我的应用程序中使用Fancybox。现在要处理关闭事件,我们编写如下代码:$(".fancybox").fancybox({onClose:function(){alert('blah');}}如本文档页面所示:http://fancyapps.com/fancybox/#docs但是我想为所有fancybox编写一些通用的和全局的东西,每次都会为任何fancybox运行。我怎么做?简而言之,我不想在每个fancybox上编写onClose的代码,也不希望它依赖于class,id(例如.fancybox在这种情况下)。我怎么做?我试着写:$.fancybox({onClose:fu

javascript - 如何让 jQuery 插件同时处理多个元素?

我制作了一个组合框插件。要使用它,您只需调用$(elem).combobox(compensateElement);编辑:问题是如果你这样做$('#1').combobox('form');$('#2').combobox('form');插件会崩溃...elem是要变成组合框的选择,compensateElement是一个元素,插件可以在该元素之后插入一个长度为suggestionsDiv-20px高的div。(我的页面上有一个页脚,它没有被绝对定位元素压低...)现在,问题是这个插件只能在一个元素上使用!如何更改它才能同时处理多个元素?它有一百多行JS代码,所以我不希望“转换”代码