dr_code 调用验证码的时候 如何自定义onclick
迅睿框架 更新 2023-10-10 15:21:21
mcuzx
mcuzx
模版通过{dr_code(120, 35)}调用验证码后
前端会生成
<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35">
img里自带了 onclick 这里的 onclick事件如何自定义 比如变成一个JS函数
我的需求是 一个页面里有多个验证码 想做成点击任意一个验证码 多个验证码图片都刷新，通过JS点击事件更新src 是可以解决 但是现在不清楚模版调用验证码的时候 如何给img 加上id以及自定义JS点击事件
我是想把 返回代码里的onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" 换成一个函数名 自己写JS
function sbsbs(aa) { aa.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random(); }😨 前端js技术啊，没什么难度{if $is_code}<div class="form-group"> <div class="input-group login-code"> <div class="input-icon"> <i class="fa fa-code"></i> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Verification code" name="code"> </div> <div class="input-group-btn fc-code"> {dr_code(120, 35)} </div> </div></div>{/if}网页源代码<div class="form-group"> <div class="input-group login-code"> <div class="input-icon"> <i class="fa fa-code"></i> <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Verification code" name="code"> </div> <div class="input-group-btn fc-code"> <img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35"> </div> </div></div>就是说 模版里调用{dr_code(120, 35)} 返回的是<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35">就是说你调用验证码{dr_code(120, 35)} 返回是是一个包含onclick的img 模版怎么做才能在调用{dr_code(120, 35)} 的时候让返回的代码里的onclick绑定我自己的JS函数
你没明白我的意思
前端模版代码
{if $is_code}
<div class="form-group">
<div class="input-group login-code">
<div class="input-icon">
<i class="fa fa-code"></i>
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Verification code" name="code">
</div>
<div class="input-group-btn fc-code">
{dr_code(120, 35)}
</div>
</div>
</div>
{/if}
网页源代码
<div class="form-group">
<div class="input-group login-code">
<div class="input-icon">
<i class="fa fa-code"></i>
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Verification code" name="code">
</div>
<div class="input-group-btn fc-code">
<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35">
</div>
</div>
</div>
就是说 模版里调用{dr_code(120, 35)} 返回的是<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35">
就是说你调用验证码{dr_code(120, 35)} 返回是是一个包含onclick的img 模版怎么做才能在调用{dr_code(120, 35)} 的时候让返回的代码里的onclick绑定我自己的JS函数