Gostaria de manter meu código JavaScript e HTML separado. Para fazer isso, quero garantir que nunca use a seguinte sintaxe:

<input type="text" name="text" onClick="javascript:onClick(this)" />

Mas quero conectar-me ao evento onClick, por exemplo, a entrada acima, mas sem precisar usar a propriedade onClick dentro do seu HTML. Além disso, gostaria de manter a implementação independente, usando JavaScript bruto e não os frameworks como jQuery ou MooTools (embora, se você desejar fornecer isso como ilustrações, juntamente com o JavaScript bruto, também seria bom).

<input type="text" name="text" />