javascript-events

问题 So, I have an angular form whose submit method is being hit twice, and I can't figure out why. I'm pretty new to Angular, so it's possible I'm overlooking something fairly simple... Html: <div ng-app="RegistrationApp" ng-controller="RegistrationController"> <form name="accountForm" ng-submit="submitAccount($event, accountForm, account)" novalidate> // inputs here... <button type="submit" class="btn btn-success pull-right" ng-disabled="accountForm.$invalid">Submit</button> </form> </div> Js:

问题 I'm sure we've all seen the site for vanilla-js (the fastest framework for JavaScript) ;D and I was just curious, exactly how much faster plain JavaScript was than jQuery at adding an event handler for a click. So I headed on over to jsPerf to test it out and I was quite surprised by the results. jQuery outperformed plain JavaScript by over 2500% . My test code: //jQuery $('#test').click(function(){ console.log('hi'); }); //Plain JavaScript document.getElementById('test').addEventListener(

问题 I have searched for some time; but only find Polymer answers; or answers where EventListeners are put on DOM elements inside the shadowRoot. The effect I am trying to achieve with native Custom Elements: Only the focussed element should accept (and display) a keypress It is possible to attach a click event to the shadowRoot, it seems I am doing something wrong for the 'keyup' event. If I put the EventListener on the window all elements (of course) update with the same key info. window

问题 I'm trying to capture the clicks of certain download links and track them in Google Analytics. Here's my code var links = document.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { linkpath = links[i].pathname; if( linkpath.match(/\.(pdf|xls|ppt|doc|zip|txt)$/) || links[i].href.indexOf("mode=pdf") >=0 ){ //this matches our search addClickTracker(links[i]); } } function addClickTracker(obj){ if (obj.addEventListener) { obj.addEventListener('click', track , true); } else if

问题 I'm trying to capture the clicks of certain download links and track them in Google Analytics. Here's my code var links = document.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { linkpath = links[i].pathname; if( linkpath.match(/\.(pdf|xls|ppt|doc|zip|txt)$/) || links[i].href.indexOf("mode=pdf") >=0 ){ //this matches our search addClickTracker(links[i]); } } function addClickTracker(obj){ if (obj.addEventListener) { obj.addEventListener('click', track , true); } else if

问题 Hi I want to know how I can detect a swipe gesture using javascript. I dont want to use a separate library for this since I have the event object from my javascript callback at my disposal, which has everything I need such as deltaX, deltaY & absDeltaX & absDeltaY. My problem is what bounds do I need to set so that I can differentiate a swipe gesture from other gestures such as scrolling. This is a problem because sometimes when a user tries to swipe across the screen they also create a

问题 I'm trying to get an action executed before page leave, this requires a GET request being executed. I would like to give the GET request at least 50-100ms in order to get the request forwarded to the web server. I'm capturing the beforeunload action using: $(window).bind('beforeunload', function() { send_data(); }); Any tips? 回答1: You have the highest chance to get your request sent if you make it synchronous ( async: false in the $.ajax() options if you are using jQuery). But you cannot be

问题 I am working on a page that is basically a long form, with tables of info followed by a submit button after each table. The form submits to itself and changes the info in the tables based on user input. What I would like to do is have the page jump to "Section X" if "Submit Button X" is pressed, jump to "Section Y" if "Submit Button Y" is pressed, etc. I'm currently using this Javascript in the head of the doc to try and accomplish this: <script type="text/javascript"> var anchors = new Array

问题 I have a script where it opens a window for online application after executing some other scripts. window.open() is not called on any click. It is getting called in a script and browser prevents the new window from appearing. How to overcome this? here is the code.. window.open('/search/applyonline?jobid=".$jobDetails->getIdjob()."', 'applyurljob', 'height=550,\ width=800,\ toolbar=no,\ directories=no,\ status=no,\ menubar=no,\ scrollbars=yes,\ resizable=yes,\ left=200,\ top=250') 回答1: Popup

问题 I am trying to implement an "infinite-scroll" behaviour to load some photos on a page and I'm using the following javascript to do so $(document).ready(function(){ $(window).scroll(function(){ var wintop = $(window).scrollTop(), docheight = $(document).height(), winheight = $(window).height(); var scrolltrigger = 0.10; if ((wintop/(docheight-winheight)) > scrolltrigger) { console.log('scroll bottom'); lastAddedLiveFunc(); } }); }); By default I would like to fill up the users page with just