草庐IT

click_handler

全部标签

javascript - ng-click 与 Angular 中的 watch

我有一个加载JSON文件然后使用该数据创建HTML5Canvas绘图的指令(即json数据包含文本、颜色、位置等内容)。我还有许多输入字段(文本、slider等),允许用户操作绘图。我看到我可以$watch这些元素中的每一个或使用ng-click并调用一个函数-有推荐的方法吗?一些可能相关的注释:表单元素和Canvas都是同一个指令模板的一部分表单元素对变化使用react,因此没有提交按钮这些表单元素值中的每一个都经过检查,可能会进行转换,然后修改json字符串。然后我调用一个刷新函数,用新数据重新加载我的Canvas。我也有可能以错误的方式处理这个问题......

javascript - jQuery .click() 在 Safari 中不起作用

我看过几篇类似的帖子,其中的解决方案似乎对那些人有用,但我无法让它发挥作用。我正在使用http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/在我的项目中。它完美地工作,在所有浏览器中,除了在Safari中,“浏览”按钮不会打开文件对话框。以下代码存在于script.js中(插件包含在内):$('#dropa').click(function(){//Simulateaclickonthefileinputbutton//toshowthefilebrowserdialog$(this).parent().find('inp

javascript - Node.js 路由 : Adding route handlers to an already instantiated http server

如何将路由处理程序添加到已存在且已实例化的http服务器?我发现的所有路由器(包括express)似乎都要求将它们传递到http.createServer()方法中。例如express:varserver=http.createServer(app);我的主要标准:以类似于sockjs的方式将路由添加到现有服务器做到了。不知道正在使用的路由器(如果有的话)不依赖于现有的路由器“app”对象来添加路由(使用路由库创建一个新的就可以了)。示例:将服务器传递给SockJSvarhttp_server=http.createServer();//agnosticsockjs_server.in

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

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 - 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 - 在 "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 - 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 - 根据其他事件更改 ng-click 的功能?

我有一个问题,我正在尝试做的是:我有这个按钮,如果用户取消订阅,他可以点击按钮进行订阅。现在的问题是,如果用户订阅了我希望他点击按钮取消订阅。Subscribe我怎样才能在angularJS中做到这一点?根据用户的状态(例如:isSubscribed=true)更改按钮的功能、外观以及调用的功能。 最佳答案 试试这个:SubscribeUnubscribe这将调用正确的函数,并显示正确的文本,具体取决于isSubscribed。然而,一个更简洁的选择是在Controller中处理它,从而产生类似这样的HTML:{{subscribe