> 웹 프론트엔드 > JS 튜토리얼 > js 마스크 진행 표시줄(그림과 결합)_javascript 기술

js 마스크 진행 표시줄(그림과 결합)_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:32:40
원래의
1150명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

/********************
** js 마스크 진행 표시줄(사진)
** dingzh@jsrd.com
** 2009-12- 03
*************************/

/ /웹페이지 뒤로 비활성화
window.history.forward(1);
document.attachEvent("onkeydown",docKeyDown);
function docKeyDown() {
//백스페이스 보호 키
if (window.event.keyCode == 8) {
if(window.event.srcElement.type != "text"
&& window.event.srcElement.type != "textarea"
&& window.event.srcElement.type != "password") {
window.event.keyCode = 0x0;
return false
} else if(window.event.srcElement.readOnly) {
window.event.keyCode = 0x0;
return false;
}
}
}


//로드 진행률 표시줄
var process_submit_doing = false ;
try {
window.attachEvent("onload",doBodyLoad)
//document.attachEvent("onclick",doProcess)
window.attachEvent("onbeforeunload",doWinLoad);
} catch(e) {
document.addEventListener("onclick",doProcess,false);
window.addEventListener("onbeforeunload",doWinLoad,false)
}
//
function doBodyLoad() {
var obj;
var vInput=document.getElementsByTagName("INPUT")
for(var i in vInput) {
obj=vInput[i];
if(obj.type=="button" || obj.type=="submit") {
obj.attachEvent("onclick",doProcess)
}
}
vInput=document .getElementsByTagName("IMG");
for(var i in vInput) {
obj=vInput[i]
if(undefine != obj.alt) {
obj. attachmentEvent(" onclick",doProcess)
}
}
}
//
function doWinLoad() {
process_submit_doing =
}
//
function doProcess() {
//제출 여부
if(!process_submit_doing) {
return;
}
//
var showProcess = false; 🎜>//이벤트 소스 캡처
var eventObj = event.srcElement;
var btnvalue = "";
if(eventObj.tagName=='INPUT') {
btnvalue = eventObj.value;
} else if(eventObj.tagName=='IMG') {
if(null != eventObj.alt && "" != eventObj.alt) {
btnvalue = eventObj.alt
} else {
btnvalue = eventObj.title;
}
}
btnvalue = btnvalue.replace(/ */g,"").replace(/ */g,""); 🎜>//
var my_array = new Array();
my_array.unshift("제출", "확인", "저장", "임시", "체크아웃", "검토", "승인", "무효", "반품", "반품", "거부",
"환불", "취소", "가져오기", "수락", "처리", "처리", "조회", "보관" , "받는 계정", "보내는 계정", "보내는 계정")

for (i = 0; i < my_array.length; i ) {
if(new RegExp(my_array[i ], "ig").test(btnvalue)) {
showProcess = true;
break
}
}

//alert(showProcess)
/ /진행률 표시줄 표시
if(!showProcess) {
return;
}
//
createProcessBgDiv()
}


function nocontextmenu ()
{
event.cancelBubble = true
event.returnValue = false;
return false
}
function norightclick()
{
if (이벤트 .button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnValue = false
return false; 🎜>
//페이지 마스크
function createProcessBgDiv()
{
var h=document.body.scrollHeight;
var w=document.body.scrollWidth; document .createElement("
");
//div.appendChild(document.createTextNode("xxxxxxxxxxxxxxxxxxxxxxxx"));
div. AppendChild(document.createElement(""));
document.body.appendChild(div ) ;
document.body.appendChild(document.createElement("
"))

//마우스 오른쪽 버튼 보호
document.oncontextmenu = nocontextmenu; // IE5의 경우
document.onmousedown = norightclick; // 기타 모든 경우
}
/*function delProcessBgDiv()
{
document.body .removeChild( document.getElementById("divProcessBg"));
document.onmousedown = null
} */

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿