disable cursor/editing but keep ability to focus

Question

Is there anyway to achieve this that works cross-browser? (Keeping solutions to pure JavaScript, HTML, and CSS) I'm using JQuery, so JS in that would be best.

(disabled="disabled" doesn't allow focus)

Answer 1

Try using the readonly attribute instead of disabled, like <input readonly="readonly" />