html onclick과 같은 이벤트 속성 중에 "어떠한 이벤트(click, change 등. 없이도 자동 실행되는" 속성이 있나요?!

Question

아래의 코드는 onclick 이벤트를 눌렀을 때 함수가 해당 요소에 적용되어 변경이 되잖아용?저는... 그냥 바로 실행을 시키고싶어요... 각 요소에 생성한 함수에 파라미터 값을 보내줘야하기때문에 onclick 이부분만 바꾸고 싶은데 구글링해봐도 속성중에 자동으로 실행되게하려면 window ready 등등 해야하더라구요..? 저는 해당 페이지가 실행되면 click을 하지 않아도 지정된 매개변수 값이 각기 다른 함수가 바로 실행되어 적용된 값으로 보이게 하고 싶습니다... 무슨 방법이 있을까요...?

50

51

53

58

60

57

아래처럼 자동실행되게 하는 코드를 추가해도 click을 해야만 함수가 먹힙니다.,$(function(){ plusFunc(a, b); minusFunc(a, b); });

doru · Answer

.....? $(window).on('load', function(){});이나 $(document).ready(function(){}); 쓰면 되는데 뭐가 문젠가요? body에 마크업한거 그대로 유지하고싶어서요?그럼 유지하면서 페이지 불러오면 div들 클릭되게 하면 되죠..

전꾤굘꾤 · Answer

doru 님 안녕하세요 위에서 말씀드린것과 같이 자동실행코드를 아래와 같이 추가해줘도 똑같이 click을 해야만 함수가 먹힙니다, 또 click을 계속하게된다면 값이 계속 갱신되겠지요 저는 같은 함수이지만 각 함수에 들어가는 파라미터값을 다르게 넣고싶어서 해당 문제를 공유하게되었습니다. 예를들어, 아래와 같이 이렇게 짜면 되지 않냐라고 하신다면,,,,파라미터값만 다른 함수를 많이 만들거라서 저렇게 div부분과 윗단 script에 왔다갔다하며 함수를 호출하게 넣는건 내가 어느 요소에 어느 매개값을 가진 함수를 선언했는지 한눈에 확인이 어렵게 되겠지요...... 각 div의 text를 쓸 때 해당 div에 함수를 적용하고싶어서입니다..........ㅜ $(document).ready(function(){ plusFunc('1', '2'); plusFunc('7', '3'); minusFunc('5', '4'); minusFunc('2', '1'); plusFunc('8', '8'); minusFunc('2', '4'); });

doru · Answer

아뇨.. plusFunc('1','2');plusFunc(''7,'3');...이것들을 그대로 생으로 넣는게 아니라 다른 메소드도 써보라는 얘기입니다..글쓴이님이 생각하시는거보다 자바스크립트와 제이쿼리는 생각보다 훨씬 많은 기능을 제공합니다..아주 단순하지만 그렇기에 유용한 것들도요..

전꾤굘꾤 · Answer

속성들을 다 적용해보아도 몰라서 자문을 구하고자 질문을 드렸겠죠..............................?ㅜ 위에서도 계속 말씀드렸다싶이... 저는 각 태그에 함수를 생성하고싶은거고 onclick이 아닌 다른 적당한 속성을 대입할 수 있는 또 다른 방법이 있나해서요 js나 jquery 코드를 짜는 script단이 아닌 태그 옆에 함수를 호출해서 인자값을 넣고 싶은데 onclick은 클릭을 계속할 수록 결과값이 계속 바뀌니까요...흠 답변감사합니다~

하얀뼈 · Answer

꼭 그방법을 고수하고 싶으시다면....

50

data속성으로 되지 않을까요 function plusFunc(e){let num1 = e.getAttribute('data-sex1');let num2 = e.getAttribute('data-sex2'); $('.plus').each(function(index, item){ var text = parseInt($(this).text()); var total = text + parseInt(num1) + parseInt(num2); $(this).text(total); }); }; 그리고 window.onload나 document.ready 써서 자동 실행 시키는거죠if(document.getElementsByClassName('plus')) { for문으로 각각 plusFunc 작동}

html onclick과 같은 이벤트 속성 중에 "어떠한 이벤트(click, change 등. 없이도 자동 실행되는" 속성이 있나요?!

5개의 답변

#onclick 목록