美文网首页
首页广告,只弹出一次(包含复制广告上的内容到剪切板)

首页广告,只弹出一次(包含复制广告上的内容到剪切板)

作者: Eternal丶星空 | 来源:发表于2018-11-12 14:37 被阅读5次

只弹出一次,使用cookie记录。复制内容到剪切板,使用原生js。

const activityModal = $('#modal-1024-activity')
const couponSuccessModal = $('#modal-1024-result-success')
const couponFailModal = $('#modal-1024-result-fail')
const couponBtn = activityModal.find('.coupon-btn-click')
const copyBtn = couponSuccessModal.find('.copy')
const copyInput = couponSuccessModal.find('.code')
const token = '9sPRorq5'

if (getCookie('1024-activity') && activityModal.length) {
  activityModal.modal('show')
  document.cookie = '1024-activity=true'
}

couponBtn.on('click', () => {
  $.ajax({
    type: 'POST',
    url: '/purchase/promotions/receive_coupon/',
    data: {
      token,
    },
    success: (res) => {
      couponSuccessModal.modal('show')
      copyInput.val(res.coupon_num)
    },
    error: (res) => {
      couponFailModal.modal('show')
    },
  })
})

copyBtn.on('click', () => {
  copyInput.select()
  document.execCommand('Copy')
  window.location.href = '/vip'
})

function getCookie(name) {
  const reg = new RegExp(`(^| )${name}=([^;]*)(;|$)`)
  const arr = document.cookie.match(reg)
  if (arr) {
    return false
  }
  return true
}

相关文章

  • 首页广告,只弹出一次(包含复制广告上的内容到剪切板)

    只弹出一次,使用cookie记录。复制内容到剪切板,使用原生js。

  • 九、jQuery在开发实例

    一、 使用JQuery完成页面的弹出广告的效果 需求:在网站的首页上定时弹出一个广告,过几秒之后,广告会自动消...

  • H5 复制粘贴 - execCommand

    需求:自动复制一段内容到剪切板, 让用户可以在其他客户端粘贴(发小广告做推广经常要用吧) window.clipb...

  • weex-23-clipboard模块

    本节学习目标 复制内容到剪切板 获取剪切板内容 一般在手机上都是手动复制或者粘贴,如下 本节我们就使用代码进行复制...

  • Android 共享元素动画 向下兼容android5.0版本

    概述:最近项目中需要在启动过后弹出倒计时的广告,倒计时结束后跳转到首页并实现类似共享元素动画,实现广告的图片与首页...

  • 简书有点过分

    简书现在的广告也太多了。 首页有广告,发完内容有广告,看别人的文章有广告,页面最下面还有许多小广告。 各种各样,无...

  • 新媒体渠道常见广告位

    一、QQ空间首页的广告位(推广位) 二、网易新闻首页广告位 三、知乎,首页广告位推送 四、汽车之家首页广告位 五、...

  • 复制内容到剪切板

    引入如下外部js,可以去百度搜一下clipboard.min.js,截至目前苹果手机机型全都测试通过、安卓机型适配...

  • iOS复制链接弹出广告

    UIPasteboard类可以获取当前粘贴板上的信息,在AppDelegate类如下方法中弹出广告: 准备一个Vi...

  • Android:Clipboard剪切板简单的使用

    描述: 1,类似于淘宝获取剪切板的内容(就是用户自己复制的内容)在页面弹出弹窗引导用户去商品详情页面 2,区分商品...

网友评论

      本文标题:首页广告,只弹出一次(包含复制广告上的内容到剪切板)

      本文链接:https://www.haomeiwen.com/subject/ieqcfqtx.html