jQuery更改输入类型

Question

这段代码不起作用有什么不对？

$(".re").focus(function() {
    if($(this).attr("type") == "text") {
        $(this).attr("type", "password");
    }
}); 

它应该改变从文本输入文本类型,密码,但是当我在其中键入后,我进入重点放在它不工作; 它还是文字.

Answer 1

IE不允许你这样做,因此jQuery 特别禁止它与跨浏览器保持一致.要更改type(并且它在每个浏览器中都有效),您需要将元素替换为另一种类型的元素.

Answer 2

正如尼克所说,你做不到这一点,但你能做的就是在彼此旁边有两个输入,密码是隐藏的.在焦点上,切换每个.focus()密码和密码.

jQuery的

$('.text').focus(function() {
    $(this).toggle();
    $('.pass').toggle().focus();
});?

小提琴 http://jsfiddle.net/KUFZY/