Kan man aflevere en anonym function til en eventhandler, i stedet for en function litteral?
Hej med jer.Er der nogen af jer som kan regne ud hvordan jeg kan slippe afsted med at sætte et DOM elements eventhandler til en function istedet for en litteral?
Jeg synes at litterals lugter af at der skal startes en compiler op for at fortolke den, og jeg har lidt svært ved at få skrevet min litteral uden det bliver til grim (æstetisk) kode.
Jeg har lavet en lille testcase, hvor jeg overskriver en sides form elementers onsubmit eventhandler. Hvis I forestiller jer at litteral funktionen på linie 15 ikke bare er en alert, men indeholder mange kodelinier. Så ville det ifølge min æstetiske sans blive væsentligt lettere at læse (og muligvis hurtigere at eksekvere), hvis jeg kunne gøre noget i retning af det jeg har skitseret (og udkommenteret) på linierne 16-19 i stedet.
Hvad siger I? (og jeg synes ikke nødvendigvis at min funktion litteral bliver meget kønnere af at dele den op i en masse delstrenge indeholdende 1 kodelinie pr streng.)
Jeg kunne selvfølgelig også bare definere min intercepter funktion et andet sted, og så kalde den - men jeg vil af forskellige grunde foretrække hvis jeg kunne indsætte en anonym funktion lige dér.
Her er min testkode:
---8<----------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<script type="text/javascript">
var tag = function(tagname){
return document.getElementsByTagName(tagname);
};
var cribleForms = function(){
formArray = tag('form');
for(var i = 0; i < formArray.length; i += 1){
if (formArray[i].attributes && formArray[i].attributes['onsubmit']){
formArray[i].attributes['onsubmit'].value = "alert('this form was intercepted!'); return false;"; // hvad gør jeg her, når nedenstående ikke virker? :-(
// formArray[i].attributes['onsubmit'].value = function(){
// alert('this form was intercepted!');
// return false;
// };
};
};
};
</script>
</head>
<body>
<form name="form1" onsubmit="alert('form1 er submittet!'); return false;">
<input type="text" name="txt1" /><br />
<input type="submit" value=" send ">
</form>
<hr />
<form name="form2" onsubmit="alert('form2 er submittet!'); return false;">
<input type="text" name="txt2" /><br />
<input type="submit" value=" send ">
</form>
<form>
<input type="button" value=" fuck'em'up " onclick="cribleForms();" />
</form>
</body>
</html>
---8<----------
