如何更改jQuery中的密码字段类型？

Question

我想（从密码更改为文本）更改密码字段的类型.The问题是，点击项目（例如原来有eye PIC但目前的演示中，我把文本see ）是目前在after的元素。

我可以绑定after元素吗？ 我敢肯定100％我们不能after元素after绑定。 那么，如何切换密码？

这是我的代码https://jsbin.com/zeterucite/2/edit?html,css,js，输出

$(function(){
  function signUpAgreeCheckedEventHandler(e) {
        e.preventDefault();
        e.stopPropagation();
    $('#signupConfirmPassword_js').attr('type','text')
        alert('--')
    }
  $('#signupConfirmPassword_js:after').click(signUpAgreeCheckedEventHandler)
})

Answer 1

如评论中所述，不可能通过Java脚本获取:after伪元素。 但是有一些解决方法，例如应用pointer-events: none; 在您的主要元素和一个pointer-events: all; 在演示代码中使用它的伪元素。

另一种选择是为整个主要元素添加click事件处理程序，包括:after伪对象，然后使用一些xy计算确定点击是否在主要部分或伪元素上。

$('#myPassword').click( function(evt) {
  if (evt.clientX > $(this).offset().left + 100 { //assume input element width is 100px
    // ...
  }
});

您可以使用e.clientX, e.clientY, e.pageX/Y, $(this).offset().top/left, $(this).outerWidth/outerHeight ...