У меня есть div, которому был дан tabindex, когда div сфокусирован (щелчок или вкладка), он делает следующее:
вставляет ввод в себя, дает фокус ввода
это отлично работает в FF, IE и Opera
но в Chome/Safari он дает фокус ввода, но не позволяет на самом деле поместить курсор внутрь входа (я знаю, что он фокусируется, потому что появляются границы фокуса сафари/хрома).
Любые предложения относительно того, что происходит?
После этого я должен исправить обработчик ключа, так что клавиши со стрелками и клавиши обратного хода тоже работают, не стесняйтесь звонить, если хотите.
Заранее благодарю вас!
Вот пример кода:
var recipientDomElem = $("#recipientsDiv");
recipientDomElem[0].tabIndex = 0;
$("#recipientsDiv").focus(function(e){
var code = (e.keyCode ? e.keyCode : e.which);
window.clearTimeout(statusTimer);
recipientDivHandler(code, null);
});
function recipientDivHandler(code, element){
$("#recipientsDiv").append('<input type="text" id="toInput" class="inlineBlockElement rightSpacer" style="border:0px none #ffffff; padding:0px; width:40px;margin-bottom:3px;padding:0; overflow:hidden; font-size:11px;" />');
$("#toInput").focus();
}
Еще одна странность в том, что табуляция в div приведет к срабатыванию функции div.focus() и правильно даст фокус ввода... это просто щелчок, который терпит неудачу. Я попытался поместить функцию .click() в div, чтобы сделать то же самое, что и фокус, но он не работает.