创建的一个onclick点击只会触发第一次，第二次就没有反应了

Posted 2023-04-29

<form role="form" action="login.php" method="post">
<div class="form-group">
<label for="exampleInputEmail1">账号</label>
<i class="fa fa-envelope"></i>
<input type="text" class="form-control" name="username" id="exampleInputEmail1" >
</div>
<div class="form-group">
<label for="exampleInputPassword1">密码</label>
<i class="fa fa-lock"></i>
<input type="password" class="form-control" name="userword" id="exampleInputPassword1" >
</div>
<div class="form-group">
<label for="exampleInputPassword1">验证码</label>
<input type="text" class="form-control" name="yanzheng" placeholder="请输入验证码" />
<img id="yan" src="yanzhengma.php"/>
<span onclick="refcoke()" >点我刷新验证码</span>
</div>
<div class="form-actions">
<label class="checkbox"> <input type="checkbox" class="uniform" value=""> Remember me</label>
<button type="submit" class="btn btn-danger">Submit</button>
</div>
</form>

<script type="text/javascript">

function refcoke()
document.getElementById('yan').src = 'yanzhengma.php?';


</script>

参考技术A function refcoke()
document.getElementById('yan').src = 'yanzhengma.php?r='+Math.random();


链接后面要加随机数，否则浏览器会缓存，不会发请求到服务器 参考技术B  <form role="form" action="login.php" method="post">
        <div class="form-group">
            <label for="exampleInputEmail1">账号</label>
            <i class="fa fa-envelope"></i>
            <input type="text" class="form-control" name="username" id="exampleInputEmail1">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">密码</label>
            <i class="fa fa-lock"></i>
            <input type="password" class="form-control" name="userword" id="exampleInputPassword1">
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1">验证码</label>
            <input type="text" class="form-control" name="yanzheng" placeholder="请输入验证码" />
            <img id="yan" src="yanzhengma.php" />
            <span onclick="refcoke()">点我刷新验证码</span>
        </div>
        <div class="form-actions">
            <label class="checkbox"> <input type="checkbox" class="uniform" value=""> Remember me</label>
            <button type="submit" class="btn btn-danger">Submit</button>
        </div>
    </form>

    <script type="text/javascript">

        function refcoke() 
            document.getElementById('yan').src = 'yanzhengma.php?time' + new Date().getTime();

        
    </script>

 请采纳

jQuery onclick仅适用于第二次点击

我在jQuery中有一个简单的onclick函数，但它只在第二次点击时触发并在那之后？

我尝试过以下方法：

$('.element').on('click', function(e){
    e.preventDefault();
    alert('click');
});

$('body').on('click', '.element', function(e){
    e.preventDefault();
    alert('click');
});

关于为什么会发生这种情况的任何想法？

答案

您的脚本不是在等待加载文档。将脚本放在文档就绪函数中，希望它能够正常工作。

$（文件）。就绪（函数（）{

//你的代码

});