Question

我看到很多关于逃跑按钮的代码（比如这个：Make a run away button in jQuery

但它们仅适用于<button>代码。

以下是我正在使用的表单代码的一部分。我想要一个与<input type="submit">一起使用的逃跑提交按钮。那可能吗？怎么做？

<div id="FSContact3" style="max-width:600px;margin:0 auto;background-color:none;padding: 5px 0 10px 5px;">
<form action="http://www.example.com/form" id="fscf_form3" onkeypress="return event.keyCode != 13;" method="post">

<div id="fscf_div_clear3_0" style="clear:both;">
  <div id="fscf_div_field3_0" style="clear:left; float:left; width:99%; max-width:550px; margin-right:10px;">
    <div style="text-align:left; padding-top:5px;">
      <label style="text-align:left;" for="fscf_name3">Name:<span style="text-align:left;">*</span></label>
    </div>
    <div style="text-align:left;">
      <input style="text-align:left; margin:0;" type="text" id="fscf_name3" name="full_name" value=""  />
    </div>
  </div>
</div>


<div id="fscf_submit_div3" style="text-align:left; padding-top:2px;">
        <input type="submit" id="fscf_submit3" style="cursor:pointer; margin:0;" value="Submit"  onclick="this.disabled=true; this.value='Submitting...'; this.form.submit();" /> 
</div>
</form>
</div>

Answer 1

$( "#fscf_submit_div3" ).mouseover(function() {  
  var numRand = Math.floor(Math.random()*501);
  $( "#fscf_submit3" ).css({'top': numRand, 'left': numRand, 'position':'fixed'});
});

你的意思可能是什么？您可以通过更改数学随机数旁边的数字使其更改位置。 https://jsfiddle.net/n3z1h647/1/

jquery逃跑提交按钮

1 个答案: