草庐IT

javascript - Chrome 扩展 : fire an event when element created?

我想在将元素添加到文档时触发一个事件。我读过JQuerydocumentationforon()和listofevents但似乎没有一个事件与元素创建有关。我必须监控DOM,因为我无法控制何时将元素添加到文档(因为我的Javascript是Chrome扩展内容脚本) 最佳答案 我知道这是一个老问题,已经有了答案,但由于情况发生了变化,我想我会为登陆此页面寻找答案的人们添加一个更新的答案。DOMMutationEvents已被弃用。根据MDN(关于DOMMutationEvents):DeprecatedThisfeaturehasb

Javascript:event.which 和 charCodeAt 协同工作

我在按键时使用event.which获取用户键入的内容,并使用String.fromCharCode输出。用户类型:aevent.which:67输出:A对于数字和字母我可以处理,但是当谈到特殊字符时,我得到完全不同的输出。用户类型:-事件:189输出:½经过研究,我遇到了函数charCodeAt,使用这个函数,输出非常完美,甚至是特殊字符。不幸的是,我不能使用charCodeAt,因为用户直接从$(文档)而不是从字段中输入。所以,问题是,有没有一种方法可以从keyPress事件中获取正确的charCode。哪个?如果还是想不通我的疑惑,我给你一个Fiddle=)

javascript - 如何在执行 event.preventDefault() 后重新启用默认值

我知道有人问过这个问题here,但答案对我需要做的没有用,所以我想我会给出一些示例代码并稍微解释一下......$(document).keypress(function(event){//PressingUporRight:Advancetonextvideoif(event.keyCode==40||event.keyCode==39){event.preventDefault();$(".current").next().click();}//PressingDownorLeft:Backtopreviousvideoelseif(event.keyCode==38||event

javascript - 如何取消 Accordion 控件的更改事件

$("#accordion").accordion({change:function(event,ui){alert('eventhavetobechanged')},changestart:function(event,ui){returnfalse;}});是否可以取消更改事件? 最佳答案 我不确定更改,但对于jqueryui中的其他事件,返回false会取消事件。 关于javascript-如何取消Accordion控件的更改事件,我们在StackOverflow上找到一个类似的问

javascript - 如何在处理 DOM 之前使用 google chrome 内容脚本修改网页?

使用chrome内容脚本,我想在加载内容之前删除网页中的多个iframe。我发现,在扩展list中使用属性run_at:document_start我的javascript是在主页请求之后和处理DOM以及加载图像、iframe等之前执行的。从逻辑上讲,此时DOM结构不可用,我无法使用以下命令修改页面:myelement=document.getElementById('iframeX');myelement.parentNode.removeChild(myelement);那我该如何访问和修改请求的页面数据呢? 最佳答案 您需要在

javascript - Openlayers 3 : how to select a feature programmatically using ol. 交互。选择?

我正在使用OpenLayersv3.6(这很重要,因为我发现的大多数解决方案都可能适用于OpenLayers2)。我有一个表格,当我在该表格中选择一行时,我想突出显示/选择OpenLayersmap上的相应要素。所有要素都是位于同一矢量图层(ol.layer.Vector)中的简单多边形(ol.geom.Polygon)。我像这样设置选择交互://thereisalotofothercodehere...addSelectListener:function(){this.SelectInteraction=newol.interaction.Select({condition:ol.e

javascript - 循环中几个元素的 JS ArrowDown addEventListener(演示)

键盘ArrowDown事件有以下监听器(它的键码是40):window.onload=function(){varitemsContainer=document.getElementById('cities-drop');document.addEventListener('keyup',function(event){if(event.keyCode==40&&itemsContainer.style.display=='block'){event.preventDefault();for(vari=0;i在这种情况下,悬停跳转到列表中的最后一个元素,在按下ArrowDown之后。如

JavaScript 和 SVG : how do you increase the clickable area for an onClick event?

我的脚本以3的stroke-width在屏幕上绘制线条。线条的大小(在视觉上)很理想,但它们不太容易点击。举个粗略的例子:functionselectStrand(evt){current_id=evt.target.getAttributeNS(null,"id");document.getElementById('main').innerHTML=current_id;}Selectedline:有没有一种简单的方法可以增加每条线周围的区域,使其更易于点击? 最佳答案 对于每条线,尝试在其上绘制一条具有更大笔划宽度的透明线,并在

Javascript 触摸移动,跟踪用户从边缘滑动的时间

我需要跟踪用户触摸事件。我想跟踪用户何时从边缘滑动。例如,当用户从左垂直边缘滑动时,我将显示一个菜单,从右边缘滑动时发出警报,并在用户从顶部滑动时显示另一个菜单。我找不到类似的用法。我怎样才能做出这种行为?从边缘跟踪滑动?我用hammer.js试过这个因为我使用jQuery,但是其他库(QuoJS、TouchSwipe、Touchy等)对我来说没问题。fiddle:http://jsfiddle.net/mavent/ym4JV/51/$(document).hammer().on("tapdoubletapholddragswipepinchrotatedragupdragdowns

javascript - 无法阻止 Angular 应用程序中的浏览器页面刷新/重新加载

我的网站使用了angularjsSPA。当用户单击刷新按钮或按F5/Ctrl+F5以阻止或中止页面重新加载时。不幸的是,onbeforeunload和onunload事件的解决方案不起作用。实际上,它们被调用,到达event.preventDefault()行,控制台中有任何消息,但浏览器继续加载页面。我当前的模块.run()代码:letwindow=angular.element($window);window.on("beforeunload",(event)=>{event.preventDefault();}).on("unload",(event)=>{event.preve