开发框架 版主:迅睿框架研发组
dr_code 调用验证码的时候 如何自定义onclick
类型:迅睿CMS 更新时间:2023-10-10 15:21:21 验证码图片

模版通过{dr_code(120, 35)}调用验证码后 

前端会生成

<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35">


img里自带了 onclick  这里的 onclick事件如何自定义 比如变成一个JS函数 


我的需求是 一个页面里有多个验证码 想做成点击任意一个验证码   多个验证码图片都刷新,通过JS点击事件更新src 是可以解决 但是现在不清楚模版调用验证码的时候 如何给img 加上id以及自定义JS点击事件

回帖
  • 外聘专员-明矾软件
    #1楼    外聘专员-明矾软件
    2023-10-10 14:17:54
    Chrome 0
    这个简单啊,改成js函数方式执行就行了,写一个js函数
  • mcuzx
    #2楼    mcuzx
    2023-10-10 14:29:05
    Edge 0
    外聘专员-明矾软件 问题是你调用{dr_code(120, 35)} 他直接返回<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35">
    我是想把 返回代码里的onclick="this.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" 换成一个函数名 自己写JS
  • 疾风工作室
    #3楼    疾风工作室
    2023-10-10 14:48:18
    Chrome 0
    onclick="sbsbs(this)"
    定义js、函数
    function sbsbs(aa) {
     aa.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();
    }
    😨 前端js技术啊,没什么难度
  • mcuzx
    #4楼    mcuzx
    2023-10-10 15:20:13
    Edge 0
    你没明白我的意思前端模版代码
    {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&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35"> </div> </div></div>就是说 模版里调用{dr_code(120, 35)} 返回的是<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35">就是说你调用验证码{dr_code(120, 35)} 返回是是一个包含onclick的img 模版怎么做才能在调用{dr_code(120, 35)} 的时候让返回的代码里的onclick绑定我自己的JS函数
  • mcuzx
    #5楼    mcuzx
    2023-10-10 15:21:21
    Edge 0
    疾风工作室

    你没明白我的意思

    前端模版代码

    {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&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35">

    </div>

    </div>

    </div>

    就是说 模版里调用{dr_code(120, 35)} 返回的是<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35">

    就是说你调用验证码{dr_code(120, 35)} 返回是是一个包含onclick的img 模版怎么做才能在调用{dr_code(120, 35)} 的时候让返回的代码里的onclick绑定我自己的JS函数