방법은 없나 '' html 특성 둘 이상의 자바스크립트 함수를 사용하여 온 클릭 콜?
onclick="doSomething();doSomethingElse();"
하지만 지금 온 클릭 ',' 전혀 사용하지 않는 것이 좋습니다, re you& # 39 를 DOM 노드입니다 Javascript 코드를 통해 이벤트 핸들러 및 첨부. 눈에 띄지 않는 javascript 이 알려져 있다.
이 경우 필요한 you& # 39 만 사용하는 코드가 아닌 JavaScript re 포함한다.
var el = document.getElementById("id");
el.addEventListener("click", function(){alert("click1 triggered")}, false);
el.addEventListener("click", function(){alert("click2 triggered")}, false);
꼭 이래야겠어요 list. ['엘레멘스트라데벤트리스트너'] (https://developer.mozilla.org/en/DOM/element.addEventListener) 를 연결하는 방법을 redhat. 함수은. 해당 기능을 통해 다양한 기능을 실행할 수 있습니다.
내가 볼 수 있는 이벤트를 바인딩하면 하나의 함수를 호출하는 것은 여러 가지 기능을 수행할 수 있는 오류 검사 후 일부 경우, 일부 다른 일부 기능을 할 수 있도록 제표를 불렀으매 디렉토리에만 경우 특정 조건을 충족되었는지.
물론, 단순히 여러 리스너에 바인딩해야 예정이다.
jquery '와' 파선-짧은 가공
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
$("#id").bind("click", function() {
alert("Event 1");
});
$(".foo").bind("click", function() {
alert("Foo class");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="foo" id="id">Click</div>
끝 - < 스니핏 >;!
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
var btn = document.querySelector('#twofuns');
btn.addEventListener('click',method1);
btn.addEventListener('click',method2);
function method2(){
console.log("Method 2");
}
function method1(){
console.log("Method 1");
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Pramod Kharade-Javascript</title>
</head>
<body>
<button id="twofuns">Click Me!</button>
</body>
</html>
끝 - < 스니핏 >;!
/ 콜 한 이벤트씩 하나 이상의 방법을 통해 얻을 수 있습니다.
또 하나의 함수를 사용하여 JavaScript 가 release. 대해 관리할 수 있습니다.
이 이름은 익명 함수 예제:
var el = document.getElementById('id');
// example using an anonymous function (not recommended):
el.addEventListener('click', function() { alert('hello world'); });
el.addEventListener('click', function() { alert('another event') });
하지만 그 같은 몇 가지 요소를 가지고 있는 것을 알고 있으며 그 희망이었네 지루려면 첨부됩니다 이를 통해 이벤트 리스너에 익명 함수 하나만 제거할 수 없습니다.
대신 release. 기능을 사용할 수 있습니다.
var el = document.getElementById('id');
// create named functions:
function alertFirst() { alert('hello world'); };
function alertSecond() { alert('hello world'); };
// assign functions to the event listeners (recommended):
el.addEventListener('click', alertFirst);
el.addEventListener('click', alertSecond);
// then you could remove either one of the functions using:
el.removeEventListener('click', alertFirst);
이 코드에서 쉽게 읽을 수 및 유지 많이유 보관할 수 있다. 특히 함수은 경우 더 큽니다.
두 번째 '만 있는 경우에도 여러 개 추가할 수 있습니다) 은 html 코드를 통해 온 클릭' 속성 '및' never get it gets 무시됨 click2 트리거됨 인쇄했습니다, 그러나 그것은 단지 '한' 1 위로 제리다운 해결하십시오 작업을 추가할 수 있다.
따라서 코드를 통해 가장 잘 해야 할 것은 추가하고 있다.
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. > 거짓값 -;
var element = document.getElementById("multiple_onclicks");
element.addEventListener("click", function(){console.log("click3 triggered")}, false);
element.addEventListener("click", function(){console.log("click4 triggered")}, false);
<button id="multiple_onclicks" onclick='console.log("click1 triggered");' onclick='console.log("click2 triggered");' onmousedown='console.log("click mousedown triggered");' > Click me</button>
끝 - < 스니핏 >;!
You need to take care 를 추가할 수 있는 이벤트를 pile up, 그들은 많은 경기 수를 느슨해짐 주문하십시오 실행했음 경우 수 있습니다.
모든 기능을 하나의 및 그들을 부를 작성할 수 있습니다. [람다이스] [1] 는 라이브러리 함수를 구성하는 등 여러 기능을 하나의.
<a href="#" onclick="R.compose(fn1,fn2,fn3)()">Click me To fire some functions</a>
또는 js 파일과 같이 선고하게 컴포지션에 별도의 기능을 추가할 수 있습니다
const newFunction = R.compose(fn1,fn2,fn3);
<a href="#" onclick="newFunction()">Click me To fire some functions</a>
[1]: http://ramdajs.com/docs/ # 작성