Hallo Gunnar,
vor allem ist die Vielfalt der beobachteten Events merkwürdig. onclick und oncontextmenu - das sind rinke und lechte Maustaste (je nach Computereinstellungen), aber onmousedown, das ist ein vorgelagertes Event das bei jeder Maustaste ausgelöst wird. Man sieht das JavaScript nicht, deswegen ist nicht klar warum die Eventhandler überhaupt da sind, aber ich habe den Eindruck dass es hier um die Erkenntnis geht, ob eine Zelle gerade aktiviert wurde (was natürlich auch per Pfeil auf/ab geht) und die Präsentation angepasst werden soll. Den mousemove kann ich mir für ein Erfassungsformular aber gar nicht erklären.
Meine erste Idee war, das JS durch CSS-Styling mit :focus und :hover zu ersetzen. Problem: Ein td bekommt keinen Fokus. Auch nicht wenn es contenteditable ist. Es ist und bleibt nicht-interaktiv.
Dann hatte ich den Gedanken, contenteditable zu verwerfen und jedes table cell mit einer textarea zu füllen, die width/height 100% hat. Aber auch bei box-sizing:border-box bekomme ich es unter Chrome nicht hin. Im Firefox ist es ok, in Chrome sind die textareas zu weit oben und nicht hoch genug. Keine Ahnung was los ist. Wenn man das hinnimmt, sähe es so aus. Die Hintergrundfarben dienen zur Sichtbarmachung der Größenfehler.
Rolf
sumpsi - posui - clusi