JS 사건 거품 사건 의뢰
18496 단어 JavaScript
var div = document.getElementsByTagName('div)[0];
div.attachEvent('onclick',function(){
handle.call(div);
});
function handle(){
//
}
패키지 addEvent (elem, type, handle)
function addEvent(elem,type,handle){//elem type handle
if(elem.addEventListener){
elem.addEventListener(type,handle,false);
}else if(elem.attachEvent){
elem.attachEvent('on'+type,function(){
handle.call(elem);
})
}else {
elem['on'+type] = handle;
}
}
이벤트 귀속 해제
포장 함수 거품 제거
function stopBubble(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble = true;
}
}
function cancelHandler(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
}
123
//
<ul>
<li>1li>
<li>2li>
<li>3li>
<li>4li>
<li>5li>
<li>6li>
ul>
<script>
var ul = document.getElementsByTagName("ul")[0];
ul.onclick = function(e){ // for
var event = e || window.event;
var target = event.target || event.srcElement;
console.log(target.innerText);
}
script>
이벤트 분류
document.onmousedown = function(e){ //onmouseup onclick
if(e.button == 2){
console.log('right);
}else if(e.button == 0){
console.log('left);
}
}
var firstTime = 0; //
var lastTime = 0;
var key = false;
document.onmousedown = function(){
firstTime = new Date().getTime();
}
document.onmouseup = function(){
lastTime = new Date().getTime();
if(lastTime - firstTime <300){
key = true;
}
}
document.onclick = function(){
if(key){
console.log('click');
key = false;
}
}
//
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.