草庐IT

x-dom-event-stream

全部标签

javascript - jquery : event : event. preventDefault(); , e 未定义

嘿,我有一个在anchor的onclick事件上触发的jquery函数,函数如下:functiondropDown(subid,e){e.preventDefault();varsub='#'+subid;//hideallsubmenusfirst$('.subnav').css({'display':'none'});//ShowtheCurrentSubnav$(sub).css({'display':'block'});}这就是我尝试触发它的方式:Cities但是我收到这个错误:eisundefined我想取消anchor链接的默认onclick事件,任何帮助将不胜感激。

javascript - 我怎样才能 "upgrade"DOM 中的 jQuery 版本?

在与客户进行现场交流时,我提议升级客户正在使用的jQuery版本(即从jQuery1.5升级到1.11)。客户不太关心他们的TimeGlider版本将与较新的jQuery不兼容。我不熟悉TimeGlider,所以他们(使用Chrome)浏览到一个带有TimeGlider的页面向我演示。我想我会使用开发人员工具“升级”DOM的jQuery库,以立即解决问题。我知道onewaytoimportthejQuery1.11library,但这种技术需要一种简单的方法来首先删除旧的jQuery版本。也许有更好的方法。当然,在源代码中进行编辑很简单,但我真的很想通过开发人员工具在DOM中进行。如何

javascript - 检测 DOM 元素顺序的变化

我有以下代码:RandomtextRandomtext并且,使用代码,我有50%的机会更改div中元素的顺序。$(document).ready(function(){varinitial=$("div");//Thismightnotbeokif(newDate()%2)//50%chancetorandomizeorderrandomizeOrder();varafter=$("div");//Alsothismightnotbeok//Detectiftheorderofspanschangedif(after!=initial)//Definitelywon'tworkcons

javascript - 各种Javascript优化项目如何影响DOM性能?

通过Tracemonkey,Squirrelfish和V8项目,有很多大写C,大写S计算机科学都在Javascript中使用。这些项目(或其他项目)中的任何一个是否解决了DOM操作的性能,还是它们纯粹与Javascript计算有关? 最佳答案 纯DOM操作(getElementById/Tagname/Selector,nextChild等)的性能不受影响,因为它们已经在纯C++中。JS引擎改进如何影响性能确实在一定程度上取决于用于性能改进的特定技术以及DOM->JS桥的性能。前者的一个示例是TraceMonkey依赖于对JS函数的

javascript - jQuery - 当 DOM 改变时运行一个函数

我一直在使用livequery到目前为止哪个有效,但它使页面浏览看起来真的很慢。所以我正在尝试为此寻找替代解决方案。我附加了一个函数,该函数在具有特定类的元素上运行一些ajax,例如:$(".blah").each(function(){$.ajax({...success:function(data){$(this).removeClass(".blah");//dootherstuff}});});现在我有几个事件卡在不同的元素上,可以在DOM中附加html,比如:$(".button").click(function(){$.ajax({...success:function(d

javascript - VueJS 读取 Dom 属性

我想获取按钮点击事件的href属性。GetDataMain.JS文件newVue({el:'body',methods:{func:function(event){element=event.target;console.log(element);//Output:Selectspan|i|aelementhref=element.getAttribute('href');},}});目标事件未选择元素。它选择被点击的元素。 最佳答案 您需要event.currentTarget,而不是event.target。这是情况的一个fid

javascript - 获取 jQuery timeago 插件以识别新加载的 DOM 元素

我正在使用jquerytimeagoplugin在我的Rails3应用程序中。我的帖子#showView上有一个评论部分,它使用Railscasts第229集"PollingforChanges"中使用的AJAX每30秒自动刷新一次。.由jQuery加载的_comment部分包含评论的created_at时间,它使用timeagoRails辅助方法创建具有正确时间格式的attr标签。当提交评论并且ajax加载评论时,jQuerytimeago插件无法识别新的评论DOM元素。因此,评论的时间不是显示为“大约一分钟前”,而是显示为“2010-11-2123:08:36UTC”。当然,我用谷

javascript - 移动包含动态创建的脚本标签的 DOM 元素

我在基于wiki的CMS中使用FishGadget(http://abowman.com/google-modules/fish/),并且需要将小工具从一个HTML元素重新定位到另一个HTML元素。(注意:鱼小工具是一个示例-其他小工具也会出现此问题。)如果我直接使用小工具基类“ig_reset”重新定位小工具,那么一切正常。如果我尝试使用周围的包装器重新定位,那么小工具使用的iframe似乎会接管。不幸的是,我需要使用周围的wrapper重新定位的灵active。这似乎与在DOM中移动SCRIPT标记有关。小工具动态地创建一个脚本和一个样式标签。如果我从DOM中删除动态创建的脚本标记

javascript - 当event.target 为HTMLImageElement 时,如何获取anchor 的href?

我想在单击时获取anchor元素的href。我正在使用以下javascript代码:document.addEventListener('click',function(event){event=event||window.event;varel=event.target||event.srcElement;if(elinstanceofHTMLAnchorElement){console.log(el.getAttribute('href'));}},true);这非常适合像这样的嵌入式anchor:但是当我使用anchor和图像时它不起作用:event.target返回图像而不是a

javascript - 如何使用 angularJS 和 jqlite 测试 event.target.hasClass() ?

单击后将事件传递给ctrl。我想编写一个条件,如果element.target具有类modal-click-shield,它将返回true问题:如何使用Angulars的jqlite将.hasClass()与event.target一起使用?问题:目前我收到类型错误:$scope.exitModal=function(event){//Returntocurrentpagewhenexitingthemodal,viaUI.//Afterstatereturn,shouldsetfocusonthematchinglink.vartarget=event.target;console.