草庐IT

事件系统

全部标签

javascript - 如何/何时将事件监听器附加到d3.js中?

我正在尝试制作各种SVG编辑器。长话短说,我需要将鼠标事件附加到给定SVG中特定深度的元素上。由于各种原因,我无法提前知道ID。SVG非常庞大,将包含数百甚至数千个元素。d3.selectAll("svg>g>g>g").select("g").on("mouseover",function(){console.log("mouseover");}).on("mouseout",function(){console.log("mouseout");}).on("click",function(){console.log("clicked");});该代码有效,但是开始之前需要很长时间。

javascript - 使用 JavaScript 检测客户端系统是笔记本电脑还是台式机

我想在我的网页如果是笔记本电脑的小部件中显示客户系统的电池状态和时钟。如果是台式机,我不想显示电池状态。时钟小部件工作正常。我还可以使用navigator.getBattery()获取电池详细信息。但如果是桌面,我不想显示小部件。那么,如何使用JavaScript检测客户端是使用Desktop还是Laptop?下面是navigator的内容,但没有详细信息来检测它是笔记本电脑还是台式机。console.log(navigator);{"vendorSub":"","productSub":"20030107","vendor":"GoogleInc.","maxTouchPoints"

javascript - 输入(类型 ="search")十字图标的 Angular 事件绑定(bind)?

如何使用Angular2(4,5,6,7)为的十字图标绑定(bind)事件?触发哪个事件?寻找类似的解决方案(除了(搜索),因为它在IE中不起作用):附加问题:这个十字图标的正式名称是什么?在不知道正确的条款时有点难以谷歌搜索/duckduckgoing寻求解决方案?重复问题:Howdoyoudetecttheclearingofa"search"HTML5input? 最佳答案 关于javascript-输入(类型="search")十字图标的Angular事件绑定(bind)?,我

javascript - 星级评分系统点击保存值(value)

我正在尝试制作一个星级评分系统,我有这段代码,我想对其进行一些更改,在用户单击星星后,它会显示一个警报,其中包含有多少颗星星并重置颜色,什么我想要的是在用户点击后保留颜色填充,并用星空下的div替换警报,这是我的代码:$(function(){$("div.star-rating>s,div.star-rating-rtl>s").on("click",function(e){varnumStars=$(e.target).parentsUntil("div").length+1;alert(numStars+(numStars==1?"star":"stars!"));});});.

javascript - 单击事件时从 jquery 触发 vue 方法

我正在尝试将点击事件附加到已存在的dom元素。...我似乎无法在我的jquery单击处理程序中访问外部vue方法。它将抛出logDataisnotdefined。newVue({el:'#events',mounted(){$('.logMe').on('click',function(){constdata=$(this).data('log-id');this.logData(data);//throwslogDataisnotdefined});},methods:{logData(id){console.log(id);//neverfires...hitserver},},}

Javascript 事件处理和流程控制

我正在尝试构建一个根据提供的输入加载的网页。基本上,我在用javascript处理事件时遇到了一些麻烦。来自python,如果我想在移动到下一个要显示的对象之前等待特定的键盘输入,我会创建一个while循环并在其中放置一个键监听器。python:defgetInput():while1:foreventinpygame.event.get():#returnsalistofeventsfromthekeyboard/mouseifevent.type==KEYDOWN:ifevent.key=="enter":#forexampledofunction()returnelifevent

javascript - div 上的点击事件不应由其子项触发

假设我有以下代码:现在我将一个onClick事件附加到父div:$('#parent').click(function(){...});当我点击子div时,有没有一种简单的方法可以阻止事件触发?我不想做类似的事情$('#child').click(function(){returnfalse;});因为子div可以包含链接...谢谢! 最佳答案 检查eventtarget.以下代码未经测试。vardiv=document.getElementById('parent');jQuery(div).click(function(even

javascript - JavaScript 的 onclick 事件中的 "Return false;"是什么意思?

什么是“Returnfalse;”在JavaScript的onclick事件中是什么意思?在点击事件中。它有returnfalse;是什么意思?如果returntrue;是什么意思? 最佳答案 它对浏览器说“事件从未发生”。如果您有一个提交按钮而不是一个简单的按钮,并且没有“returnfalse”,那么当您单击它时(在执行javascript之后),表单将被提交。 关于javascript-JavaScript的onclick事件中的"Returnfalse;"是什么意思?,我们在St

javascript - 什么时候发生浏览器的加载事件?

想知道浏览器中何时会发生加载事件?是在收到头信息的时候吗? 最佳答案 onload在加载整个文档、图像和所有内容后触发。一些浏览器,如Firefox,也有on-content-load事件,这些事件在HTML文件被传送之后,但在外部文件(如图像)被加载之前触发。 关于javascript-什么时候发生浏览器的加载事件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2369556

javascript - 如何在 javascript 事件处理程序中获取对象?

我试图在onclick事件处理函数中获取一个对象。但它没有按我预期的方式工作。例如,如果我运行这段代码:varentries=[{id:1},{id:2},{id:3}];for(vari=0;i我期望的是:this.id:1entry.id:1this.id:2entry.id:2this.id:3entry.id:3但我得到的是:this.id:1entry.id:3this.id:2entry.id:3this.id:3entry.id:3为什么entry对象总是id为3的entry?如何在点击事件处理程序中获取正确的入口对象? 最佳答案