MENU

JQ 小功能

July 23, 2019 • web阅读设置

JQ 小功能

  • 滚动加载
      function scrolload(){
                 $(window).scroll(function() {
                            if(page==9999){  //判断边界
                            $(".kuangs").remove()
                                    return;
                                    }
if (($(this).scrollTop() + $(window).height()) + 1 >=$(document).height()) {    
                        page++
                        console.log(page)
                            $.ajax({  //滚动触发AJAX
                                
                                )}
                    
                }
      }
  • 点击回顶部
$("html,body").animate({scrollTop:0}, 500);
  • 原生实现点击复制文本
 function copyText() {
                    var text = $("#dingdan").html();//获取到需要
                    var input = document.getElementById("inpute1");//插入一个隐藏input做容器
                    input.value = text; // 修改文本框的内容
                    input.select(); // 选中文本
                    document.execCommand("copy"); // 执行浏览器复制命令
                    layerAlert.alertSuccess('复制成功');//弹窗
                }   


//html 部分

        <div class="obligation">
                <div class="obligationame">订单号:</div>
                <div class="obligationum" id="dingdan">xydg_111123214454</div>
                <span class="copy" onclick="copyText()">复制</span>
                <textarea id="inpute1" style="opacity: 0;">11111</textarea>
            </div>
Last Modified: August 11, 2019
Leave a Comment