나는 아주 간단한 드래그 앤 드롭 게임 html5와 자바 스크립트를 사용하여 웹에서 일하고 있습니다. 요소를 드래그 한 후 배열이 맞는지 여부를 확인하는 버튼이 있습니다. 내 확인 기능은 외부 JS 파일에 있으며 input 태그 내부에서 onclick을 사용하여 호출합니다. 내 상사가 이벤트 처리기를 html에 표시하고 싶지는 않지만 작동합니다. 난 그냥 자바 스크립트로 시작 그래서 HTML 코드에서 onclick을 사용하지 않고 onclick 이벤트를 호출하는 방법은 무엇입니까?외부 JS 파일에서 onclick 호출하는 방법?
Ive는 jquery로 쉽게 할 수 있지만 jquery 없이도 사용할 수 있습니까?
당신은 버튼에 클릭 이벤트를 바인딩 할 수 있습니다 :
document.onclick = function(event) {
var targetElement = event.target;
if (targetElement.className == "myButton") {
// do something
alert("my button clicked");
}
};
이 예는 클래스 이름에 작동하지만 어떤 버튼 또는 뭔가 다른에서 원하는 속성에 해당을 변경할 수 있습니다.
고마워요! 방금 클래스 이름을 id로 바꿨습니다. 다시 한 번 감사드립니다! – user2091756
귀하의 질문에서 얻은 두 가지 의미가 있습니다. 1) 특정 항목에 대해 항목의 onclick 이벤트를 호출하려고합니다.
이를 위해 onclick을 호출 할 메소드를 직접 호출 할 수 있습니다.
2) html에는 onclick이 표시되지 않습니다. 이를 위해 다음과 같은 것을 사용할 수 있습니다 :
document.getElementById('id').onClick = "yourMethod()";
희망이 있습니다. 그들은 JQuery와에처럼
고마워, 그것은 작동하지 않았다 그러나 시도 할 것이다 약간 아이디어, ty를 주었다! – user2091756
왜 JQuery를 사용하지 않으시겠습니까? –
저는 Javery에 익숙해지기 위해 많은 조사를해야하므로 저는 주로 javascript에 익숙합니다. 저는 주로 flash/as3 디자이너입니다. – user2091756
* 뭔가 *는 onclick 이벤트에서 호출하는 함수를 트리거해야합니다. 아이템을 떨어 뜨렸을 때 아이템이 떨어졌을 때 발생하는 JavaScript가 있다고 상상해보십시오. 난 그냥 드롭의 끝에 onclick 함수에 대한 호출을 추가합니다. – dparsons