頁面一鍵返回頂部功能

 

 

1.返回頁面頂部

//返回頁頭
$(window).scroll(function () {
    if ($(this).scrollTop() > 1) {
        $("#returnTop").fadeIn();
    } else {
        $("#returnTop").fadeOut();
    }
});
$("#returnTop").click(function () {
    $("html,body").animate({scrollTop: 0}, 300);
});

2.動態監測還可以輸入多少字

/**
 *js判斷文本框輸入文字動態增減 (keyup時候)
 */

//obj是textarea文本框，maxlength是最大可輸入的字數，id表示提示消息元素的id

function setShowLength(obj, maxlength, id) {
    var rem = maxlength - obj.value.length;
    var wid = id;
    if (rem < 0) {
        rem = 0;
    }
    document.getElementById(wid).innerHTML = "還可以輸入" + rem + "個字";
}
/**
 * js判斷文本框輸入文字動態增減(鼠標右鍵粘貼時候)
 * objId 表示textarea元素的id,
 * promptNum 是一共可以輸入多少字,
 * promptId 表示提示消息元素的id
 */
function initPaste(objId,promptNum,promptId) {
    var isRight = false;
    var area = document.getElementById(objId),promptNum = promptNum,promptId = promptId;;
    area.onmousedown = rightEvent;
    area.onpaste = pasetEvent;

    function rightEvent(event) {
        event = window.event || event;
        if (event.button == 2) {
            isRight = true;
        }
    };
    function pasetEvent() {
        if (isRight == true) {
            setTimeout(function () {
                setShowLength(area, promptNum, promptId);
            }, 100);
        }
    }
}

調用：
textarea的onKeyUp事件

//鼠標右鍵粘貼事件
initPaste('remark',200,'wordCheck');