草庐IT

click-action

全部标签

javascript - mobx 的 `action.bound` 和箭头函数在类函数上的区别?

在带有babel的类上使用箭头函数对其进行转换,因此定义绑定(bind)在构造函数中。因此它不在原型(prototype)中,并且在继承时无法通过super获得。通过创建许多实例进行扩展时,它的效率也不高。关于这个主题的博客文章很多,但我只是想知道在使用babel时与箭头函数相比,mobx.action.bound的处理方式有何不同。两者比较:classExample{test=()=>{console.log(this.message)}}classExample{@action.boundtest(){console.log(this.message)}}

javascript - Prototype click、mouseover 和 mouseout 不能一起工作?

我正在尝试做一个非常简单的按钮,它根据鼠标悬停、鼠标移开和单击,我在原型(prototype)中执行此操作,奇怪的是如果我使用mouseover和mouseout,单击按钮后,按钮不会变为白色,似乎是因为鼠标移出,这是我的代码$("izzy").observe('mouseover',function(){$('izzy').setStyle({color:'#FFFFFF'});});$("izzy").observe('mouseout',function(){$('izzy').setStyle({color:'#666666'});});$("izzy").observe('c

javascript - 在 javascript 中使用 jquery 加载 Struts 2 Action

我正在尝试通过使用jquery来定位div和加载内容的struts操作,从javascript重新加载目标div。有人知道怎么做吗?问题是我如何使用(javascript)jquery来执行此操作。BR,托拜厄斯 最佳答案 最简单的做法是使用jQuery.load()功能。$('#targetDivId').load('${your.struts.url}',function(){//stufftodowhenthedivhasbeenreloaded});现在明白你应该确保你的操作的响应是一个不是真正完整的HTML页面的页面,因为

javascript - JQuery 的 .click() 在幕后是如何工作的?

这个问题只是出于好奇。我想知道jquery的.click()在幕后是如何工作的。例如,如果我创建一个按钮:然后我有以下jquery代码:$('#myButton').click(function(){alert("Ihavebeenclicked.");});jquery是如何实现的,以便在单击按钮时调用我的函数?起初我以为它会将onClick=""属性添加到按钮的标签中,但是当我用Firebug检查页面时我只看到了:那么jquery在幕后做了什么? 最佳答案 使用DOM事件模型,这也是您添加onClick()时发生的情况。所以基本

javascript - Jquery 触发复选框 : function tied to click event occurs before the checked attribute is set

我正在实现“帐单地址与地址相同”类型的功能,当复选框被选中时,它会根据其他字段填充字段。完美运行。点击事件的函数..if($(this).attr('checked')){//copyaddressfieldstobillingfields}else{//clearfields}现在我使用一个事件(jquery热键插件)来自动填写表单中的所有字段,这样我就可以轻松快速地演示和测试表单。而不是欺骗和填写账单字段作为我想使用的地址字段$("#CheckboxForAutofillId").trigger('click');这在我第一次触发事件时不起作用,因为在上面调用的函数中,它检查检查的

javascript - Redux 在组件之间共享 Action

我正在使用react-native和redux构建一个移动应用程序,我正在以这种方式按功能组织我的项目结构:组件1/---Component1Actions.js---Component1Reducer.js---...组件2/---Component2Actions.js---Component2Reducer.js---...在我看来,这种项目结构令人惊叹的原因有很多,首先是因为它具有很强的可扩展性。到目前为止我遇到的唯一问题是当2个不同的组件必须分派(dispatch)相同的操作时(例如文本框中的简单文本更改)。在2个不同的文件中重写完全相同的操作是没有意义的,而且我也知道将一个

javascript - 在 "click"事件回调上将参数传递给 d3

这是我的代码:functiontoggleClass(element,className){d3.select(element).classed(className,!d3.select(element).classed(className));}d3.selectAll("rect").on("click",toggleClass(this,"clicked");我无法让它工作,似乎将参数传递给DOM事件是个坏消息。有谁知道解决这个问题的方法吗?谢谢 最佳答案 这个有效:functiontoggleClass(element,cl

javascript - JQuery 链接 Action ,有效..但 CSS 不等待轮到它?

所以我有这样的东西(如下),一切都依次进行(它在开始时隐藏,然后你看到它向下滑动,等待2秒,然后向上滑动)但是.cssAction立即发生,甚至尽管是在2秒延迟之后。只是想知道这是为什么。$('p:first').hide().slideDown('slow').delay(2000).css({"background-color":"#ff4"}).slideUp('slow')});编辑新代码:我已将我的代码更改为:它似乎不再向上滑动了..(因为我希望它在向上滑动之前变为黄色)$('p:first').hide().slideDown('slow').delay(2000,func

javascript - ng-click、ng-mouseover 等是否会创建观察者并减慢页面速度?它比 jQuery 事件绑定(bind)更好吗?

我想知道在整个应用程序中大量使用ng-click、ng-mouseover等指令是否会导致类似于ng-repeat的性能问题?我正在使用AngularJS开发一个应用程序。由于ng-repeat和它创建的观察者数量,我已经遇到了很多问题。性能受到了影响,我正在努力解决。 最佳答案 在Angular的事件指令中没有创建额外的watch。事件指令非常简单,使用jquery(如果不包含jquery,则使用jqLit​​e)将事件监听器添加到带有指令的元素(即ng-click)。这是以Angular设置事件指令的代码。如您所见,他们并没有创

javascript - 如何提交表单 onkeyup Action

我正在尝试保存表单onkeyup操作。我是jQuery新手。这可能吗?感谢任何帮助。编辑1:保存表单意味着保存到服务器。有没有办法增加0.2秒的延迟。 最佳答案 此代码将在keyup上提交您的表单$('#element').bind('keyup',function(){$('#form').delay(200).submit();});在此代码中,您拦截表单提交并使用ajax提交更改它$("#form").submit(function(event){event.preventDefault();$.ajax({type:"pos