JS: הרשמה לאירוע קליק עם שליחת ערכים לפונקציה

[אהרן]

F12
בלשונית הכי ימנית
אתה חייב להכיר את זה!

פורסם במקור בפורום CODE613 ב20/11/2015 00:59 (+02:00)

[avr416]

עכשיו נכיר.. אבל מה אני עושה שם?

פורסם במקור בפורום CODE613 ב20/11/2015 01:01 (+02:00)

[avr416]

הנה מאמר על זה
לזה התכוונת?

פורסם במקור בפורום CODE613 ב20/11/2015 01:06 (+02:00)

[אהרן]

נקה את המסך עם העיגול בצד שמאל למעלה
בחר אופציה בסלקט
תראה שמתווספים בקונסול 2 אוביקטים

1. ה-this שלעולם נשלח לפונקציה JS.
2. הארגומנט שמכיל את כל המידע ששייך לטריגר.

פורסם במקור בפורום CODE613 ב20/11/2015 01:07 (+02:00)

[אהרן]

@avr416

הנה מאמר על זה
לזה התכוונת?

כן
קרא גם כאן
http://www.prog.co.il/showthread.php?p=1157519&highlight=הקונסול+כשנפתח#post1157519

פורסם במקור בפורום CODE613 ב20/11/2015 01:10 (+02:00)

[אהרן]

ואם אתה רוצה את זה ממש גנרי ולהכניס את המידע לתוך האוביקט
תכניס כך:
https://www.google.co.il/search?q=data+attributes&source=lnt&tbs=lr:lang_1iw&lr=lang_iw&sa=X&ved=0CBQQpwVqFQoTCISz5bTOnckCFUNMFAodlykGmg&biw=1030&bih=897&bav=on.2,or.&bvm=bv.107763241,d.d24&ech=1&psi=f1dOVsT3DsOYUZfTmNAJ.1447974784586.3&ei=f1dOVsT3DsOYUZfTmNAJ&emsg=NCSR&noj=1

פורסם במקור בפורום CODE613 ב20/11/2015 01:14 (+02:00)

[אהרן]

אתה יכול להוסיף סתם ככה מתודות

פורסם במקור בפורום CODE613 ב20/11/2015 01:15 (+02:00)

[רחמים]

@avr416

אני רוצה לרשום פונקציה מסוימת שתתרחש בעת אירוע לחיצה (קליק..)
הפונקציה הזאת צריכה לקבל פרמטר מסוים (תוית היעד שלתוכה היא מזינה את הנתונים), לשם כך אני צריך להוסיף סוגרים לשם הפונקציה ובהם להזין את הערך.
הבעיה שלי היא שבמצב כזה בעת טעינת הדף הוא כבר קורה לפונקציה הנ"ל, דבר שאינני רוצה שיקרה.
אם אני לא מוסיף את הסוגריים בסוף הפונקציה - זה אכן לא קורה, אלא שהיא לא יכולה לתפקד כך..
השאלה היא מהו הפתרון לדבר כזה?
הנה קישור לדוגמא:
בדוגמא אני רוצה שהכפתור יוצג רק עם שינוי בבחירה בסלקט בוקס..
תודה רבה מראש!!

אתה יכול לסגור את הפונקציה עם הפרמטר בתוך אובייקט כך:

function displayTo(param) {
            this.param = param;
            this.func = function () {
                $("#result").html("<button class=\"btn btn-danger\" >" + param + "</button>");
            };
        }

        $(document).ready(function () {
            var o = new displayTo("Hello!");
            $("select").change(o.func);
        });

ראה כאן http://codepen.io/anon/pen/XmQWwW

פורסם במקור בפורום CODE613 ב20/11/2015 07:35 (+02:00)

[avr416]

כמו כן, אפשר לעטוף את הפונקציה בפונקציה אנונימית, וכך זה קורא לפונקציה הרצויה רק בזמן אמת.

$("select").on("change",function(){
  displayTo("Hello");
});

function displayTo(param){
  $("#result").html("<button class=\"btn btn-danger\" >"+param+"</button>");
};

פורסם במקור בפורום CODE613 ב21/11/2015 21:07 (+02:00)

[אהרן]

יפה!
עכשיו אני נזכר שכל הדוגמאות הקלאסיות אכן משתמשים בפונקציה אנונימית
מעניין מדוע באמת הפונקציה הפנימית לא מופעלת.

פורסם במקור בפורום CODE613 ב21/11/2015 21:14 (+02:00)