草庐IT

dom-events

全部标签

javascript - 我如何告诉 javascript 立即更新 DOM?

我正在尝试在javascript中调用耗时函数之前向用户加载“正在加载”消息。HTML:Foo​Javascript:varfoo=document.getElementById('foo');functiontellViewerLoading(){//Telltheuserthatloadingisoccuring.foo.innerHTML='loading...';}functionsomeActionThatTakesALongTime(){//Dosomeactionthattakesalongtime.vari=0;while(iJSFiddle:http://jsfidd

javascript - 通过 JS 插入时,具有内联 block 和文本对齐的 DOM 等距 div 将不起作用

我一直在尝试实现ChrisCoyier的内联block+文本对齐解决方案,以在给定的包装宽度中自动水平分布div。http://css-tricks.com/equidistant-objects-with-css/当元素立即加载到DOM中时效果很好,但由于某种原因在通过JS以编程方式添加元素时失败。就好像浏览器只是忽略了css属性。查看此fiddle以获得一个非常基本的示例:http://jsfiddle.net/xmajox/NUJnZ/前两行是在HTML加载时添加的。单击该按钮可通过JS在运行时添加更多内容。最初我认为它可能与伪元素的使用有某种关系:after所以我尝试了一个带有

javascript - 通过javascript将onsubmit添加到表单

您将如何仅通过Javascript将OnSubmit属性插入表单?我是javascript的新手,所以如果您能够提供详细的示例代码,那将是非常有帮助的!情况如下:我正在通过Chargify(一种支付平台)使用托管注册页面来为我的应用程序处理信用卡,然后将用户发送回我自己的页面谢谢/确认页。由于域的变化(我的域->Chargify.com->我的域),通过谷歌分析跟踪整个channel被证明是非常难以捉摸的,因为信用卡页面由Chargify在他们自己的域上托管。我越来越接近了:我已经能够让跨域跟踪正常工作(chargify.com页面已登录到GoogleAnalytics),并且可以通过

javascript - 如何在新窗口中获取dom元素?

JavaScript中的一个简单任务是打开一个新窗口并在其中写入。但是我需要写在一个dom元素中,一个带有ID的div。varnovoForm=window.open("somform.html","wFormx","width=800,height=600,location=no,menubar=no,status=no,titilebar=no,resizable=no,");比我尝试一些...varw=novoForm.innerWidth;varh=novoForm.innerHeight;novoForm.document.getElementById("monitor").

javascript - 如何在 DOM 中的克隆/插入元素上触发事件?

我无法在我克隆/插入到DOM的元素上触发事件。检查fiddlehere.HTML:[THISISDIVA]CLICKTOCLONEDIVAjQuery:$('.A').on("click",null,function(){alert('DIVACLICK');});$('.B').on("click",null,function(){$('.A').clone().insertAfter('.A');});如果我点击一个克隆的DIVA,没有任何反应。如何在克隆的元素上触发事件? 最佳答案 我提出了两个解决方案。首先,在这种情况下更好

javascript - 从主干 View 中的模板获取 DOM 元素

我正在使用Backbone.js来显示人员列表及其数据。每个人都有属于自己的.div由_.template生成并包含显示此人数据的字段,以便对其进行调整。还有一个带有class=".save"的按钮.在我看来,我有一个绑定(bind)到单击此按钮的功能。我正在寻找获取值的最佳方法-div中的标签属于模型。这是我的方法,但我想知道是否有更好的方法。在我的模板中,我根据模型的ID为DOM元素动态分配了ID。我使用相同的逻辑在View中找回元素。模板"id="name_"/>"id="age_"/>"id="address_"/>Save查看events:{"click.save":"sav

javascript - 重叠 SVG 元素上的鼠标事件

如何处理重叠svg元素上的点击事件?我正在使用Reaphael.js库。问题是topDOM元素正在拦截鼠标事件,即使底部元素没有被任何绘图重叠。我的问题是如何使我的示例中的两个圆圈都可点击并仍然将它们保留在两个svg元素中?这是我的代码:CSS:#container{position:relative;width:200px;height:200px}#container>svg{position:absolute!important;top:0;left:0;}JavaScript:vartopLayer=Raphael('container',200,200);varbottomL

javascript - 通过 id 获取 fullcalendar fc-event div

我正在开发一个应用程序,该应用程序使用全日历并在单击事件时在事件上显示Bootstrap弹出窗口。该日历会使用来自服务器的数据定期刷新,通过轮询检索。我遇到的问题是,每当此轮询在弹出窗口处于事件状态时发生,所有事件都会重新呈现并且弹出窗口之前指向的div是孤立的,从而导致我们的弹出窗口逻辑出现问题(滚动,确保只有一个弹出窗口一次处于事件状态等)。解决此问题的一种方法是记住刷新前哪个事件的弹出窗口处于事件状态,然后在事件重新呈现后重新附加弹出窗口。获取需要弹出窗口的事件的ID没有问题,但我似乎无法找到一种方法来查询fullcalendar以获取与给定事件ID关联的fc-eventdiv。

javascript - NodeJS & Socket.IO : Emit a request event and get the response, 我应该何时/何地绑定(bind)监听器?

我目前想知道在这种情况下什么是最佳编程实践:假设我已将客户端连接到我的服务器。这个客户端要求服务器使用auth事件和他的用户名进行身份验证。socket=io();socket.emit('auth',"John");在这个简单的例子中,服务器响应一个带有用户ID的auth_succeed事件。io.on('connection',function(socket){socket.on('auth',function(username){socket.emit('auth_succeed',id);}}所以我的问题是,我应该在何时何地为客户端中的auth_succeed事件绑定(bind

javascript - 使用 DOM 创建并填充一个复选框列表,其中包含 javascript 中的数组值

我有一组动物...我如何设法在javascript中创建一个复选框列表,并用动物数组中的动物名称填充每个复选框,并在html中显示它们。我的尝试代码:varlengthArrayAnimals=animals.length;for(vari=0;pos 最佳答案 这是一种方式(纯JavaScript,无jQuery):varanimals=["lion","tigers","bears","squirrels"];varmyDiv=document.getElementById("cboxes");for(vari=0;ihttps