[英]using javascript to add an OnClick event
我試圖找到一種方法來創建導致onclick事件的類。 因此,例如以一種形式說。 我想給該表單字段一個類。 每次我將某個類添加到字段時,我都希望它為表單字段生成一個onclick命令。
我這樣做的原因是我想向每個表單字段添加分析跟蹤,但是我使用的是重力表單,因此我希望能夠在不編輯每個表單的情況下即時創建表單。 如果可以創建一個名為.name的類,並讓該類添加此onClick="mixpanel.track('Name_field');"
到表單輸入,然后我可以跟蹤用戶每次在表單內單擊以填寫表單時的情況。 這樣,我可以跟蹤表單的每個步驟,並查看用戶何時離開。
所以清單是
.name that would add onClick="mixpanel.track('Name_field');"
.email that would add onClick="mixpanel.track('Email_field');"
.phone that would add onClick="mixpanel.track('pnone_field');"
我希望這是有道理的。 謝謝你提供的所有幫助。 我對javascript很陌生,所以請對我輕松一點。 html和css我是專業人士,但javascript是我的下一個攀登之路。
委派效率會高得多,因此只有一個事件處理程序:
var f = function (e) {
e = e || window.event;
var t = e.srcElement || e.target, m;
while (t !== this && (!t.className || !(m = t.className.match(/\b(name|email|phone)\b/)))) {
t = t.parentNode;
}
if (m) {
switch (m[0]) {
case "name": mixpanel.track("Name_field"); break;
case "email": mixpanel.track("Email_field"); break;
case "phone": mixpanel.track("phone_field"); break;
}
}
};
if (document.body.attachEvent) {
document.body.attachEvent("onclick", f, true);
} else {
document.body.addEventListener("click", f, true);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.