今天下午有个需求就是,用户点击答案里的链接,须弹窗询问下用户

背景

如上图所示,当用户点击公司官网a标签时,发起弹窗询问用户是否前往https://xxxxxx

实现方法

html

因为是动态生成的,所以只给一个模板


<div class="smartnlp-msg-text">
    <div class="smartnlp-smartnlp-inner">
        <p>
            <a href="http://www.chatbot.cn/" target="_self">公司官网</a>
            :http://www.chatbot.cn/
        </p>
    </div>
</div>

js


ext(document).on('click','.smartnlp-msg-text .smartnlp-smartnlp-inner>p>a',function() {
      
       alertShow(ext(this)[0].href)
       return false;
  })
      
  function alertShow(href){

          var r=confirm("要跳转到"+href);
            if (r==true){
              window.open(href)
            } else{
              console.log(333)
            }
          
         return false;
  }

效果

the end


扫描二维码,在手机上阅读!