jQuery event can't trigger when the target position changed -

-

I met a strange issue when using the jQuery event, here's the thing:

One The form needs to be valid, so we add a blurring event listener to the form for all inputs, when an input focus is lost, the listener will be valid if user input is valid, if Otherwise, an error message will appear below the input, thus pushing the HTML elements down . And we also force click the event for a button to submit the form.

When you end the input in an input field, click the submit button directly. Expected Result: Check that user input is valid, if so, trigger the click event of the submit button. The actual result is: the blurring of the input will be triggered, but the click event will not be triggered whenever the user input is valid.

I tried in JSField, and found that in the general case, the blurred event and click event will be triggered. But what's happened here is: Blurred in the event handler, we changed the page layout, the status of the submit button changed, thus click was not triggered.

Is this a bug of jQuery? Does anyone participate in this problem?

Of course it is that any help would be appreciated. Not a bug focusout is triggered before click , because click is not one-state Not the event There are 2 states in: Mousetown and mouseup . You should not do such a layout in the form , but if you really want to do this, then you can use some additional investigation like mousedown 

  var mouse_down = false; $ (Function () ($ ('function'). ('Focusout', function (e) {console.log ('focus event:% o', e); if (mouse_down) {mouse_down = false; $ (' $ ('# Test'). Css ({'margin-bottom': '100px'});}); $ ('# button')., Function (e ) {console.log (click on 'event:% o', e);}); $ ('# button'). ('moushudown', function (e) {mouse_down = true;}); $ (document) ) .on ('mouseup', function (e) {mouse_down = false;});})

Comments

Post a Comment

Popular posts from this blog

jsp - No mapping found for HTTP request with URI with annotation config Spring MVC and Jetty -

-
Image
I'm only using annotation configuration, the server starts, but when I use some pages error is displayed: Warning: no mapping found for HTTP request with URI [/WEB-INF/view/main.jsp] name 'org.springframework.web.servlet.DispatcherServlet -D7259e with DispatcherServlet in Controller mapping works fine, but no JSP page is full. I am using Jetty 9.2.0.M0 and Spring MVC 4.0.4 release. JetTyP Config: Private Static Last String CONTEXT_PATH = "/"; Private Static Last String MAPPING_URL = "/ *"; Private Zero Server (Int port) throws exceptions {server server = new server (port); Server.addLifeCycleListener (New LifeCycleListener ()); Server.setHandler (getServletContextHandler (getContext ())); Server.start (); Server.join (); } Private static ServletContextHandler getServletContextHandler (WebApplicationContext context) throws IOException {LOGGER.info ( "ServletContextHandler is ready"); CircleContaxHandler themeHandler = new circactont...
Read more

c# - Roxy file manager in MVC doesn't accept session path -

-
Hi friends I've downloaded a file manager for my MVC project. So I added to my project and everything works fine but everyone can use this product I mean everyone can type urls and upload files to my host !!!! This filemanager has a Jason config file, as you can see here: {"FILES_ROOT": "Fileman / Upload "," "File_type_kenny": "file", "THUMBS_VIEW_WIDTH": "140", "THUMBS_VIEW_HEIGHT": "120", "PREVIEW_THUMB_WIDTH": "300", "PREVIEW_THUMB_HEIGHT": "200", "MAX_IMAGE_WIDTH": "0" "ASP_net / Main.Shex? A = Created", " Dealederer ":" ASP_net / MAN.assx "ADELEDED IR "," MOVEDIR ":" ASP_net / Main.Shex? A = MoVEDIR "," Copdier ":" ASP_net / Main.Shex? A = Copdier "," Richie Dar ":" ASP_net / Main ASP_net / main.hex? A = Upload "," Downlo...
Read more

java - Ajax call to jsp and jsp redirecting to further jsp -

-
I am getting an Ajax call on a jsp page which in turn is redirecting based on the value of a flag variable JSP file. The AJAX call is something like this: $ Ajax ({url: 'uploadwebcamimage.jsp', type: "post", data: {encodeimg: dataUrl, OwnerId: document.Clickpictures.OwnerId.value, OwnerPhone: document.Clickpictures.OwnerPhone.value, mobilepass: document.Clickpictures. Mobilepass.value, emailpass: document.Clickpictures.emailpass.value, mypassword: document.Clickpictures.mypassword.value, mygroupuserid: document.Clickpictures.mygroupuserid.value}, error: work () {warning ('error');} success : Function (msg) {// warning ((msg)); if (msg) indexOf ("true")> = 0) {// how grouplist location.href = "site_index_groupadmin.jsp res1 =?" + to get the grouplist;} else {warning ("unsuccessful");}}}); And in jsp I have done something like this: & lt;% ArrayList & lt; String & gt; List = New Arrestist & lt; Stri...
Read more