JSFiddle - React, Tailwind, and code Playground
HTML
<div id="wrap">
<form id="contactForm_oneclick1" action="https://www.antilopagold.su/plugins/system/oneclickcheckout_vm3/helper.php" method="post"><script type="text/javascript">
jQuery(document).ready(function() {
//jQuery('#message_OneClick').mask(f_v_phone);
jQuery('#cancel_OneClick').click(function() {
jQuery('#contactForm_oneclick').fadeOut();
jQuery('#window').fadeOut();
});
jQuery('#ContactClose_OneClick').click(function() {
jQuery('#contactForm_oneclick').fadeOut();
jQuery('#window').fadeOut();
});
jQuery('h2.form_callMe').html(h2header);
jQuery('#sendMessage_OneClick').val(bye_button_OneClick);
jQuery('#cancel_OneClick').val(cancel_button_OneClick);
if (on_name == 1) {
if(label_name.length==0 || label_name==' '){
jQuery('#label_name').css('display', 'none');
}else{
jQuery('#label_name').html(label_name);
}
jQuery('#senderName_OneClick').attr('placeholder', f_v_name);
if (req_name == 1) {
jQuery('#senderName_OneClick').attr('required', 'required');
}
} else {
jQuery('#senderName_OneClick').css('display', 'none');
}
if (on_mail == 1) {
if(label_mail.length==0 || label_mail==' '){
jQuery('#label_mail').css('display', 'none');
}else{
jQuery('#label_mail').html(label_mail);
}
jQuery('#senderEmail_OneClick').attr('placeholder', f_v_mail);
if (req_mail == 1) {
jQuery('#senderEmail_OneClick').attr('required', 'required');
}
} else {
jQuery('#senderEmail_OneClick').css('display', 'none');
}
if (on_city == 1) {
if(label_city.length==0 || label_city==' '){
...
CSS
html,body{margin:0;padding:0;height:100%;}
#wrap{text-align:center;height:100%;background-color:red;}
#wrap:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#contactForm_oneclick1{display:inline-block;vertical-align:middle;background-color:yellow;}
JavaScript
jQuery("#contactForm_oneclick1").click( function(e) {
return false;
});
jQuery("#wrap").click( function() {
alert("ok!");
});