请问js的图片焦点事件和失去焦点事件应该怎么写？

Question

需要做一个头像选择器，点击图片选择作为头像（点击头像会给他加一个边框），这里应该用焦点事件吧？但是我看了h5手册，img确实支持的有获得焦点和失去焦点事件，但是我写的js没效果，focus 还是 blur都不行，只有onclick可以，但是这样的话点击其他地方，上一个onclick事件不会消失，也没什么用，请js大神帮我出出主意，应该怎么写？对了，jq我也试过，焦点事件也不行呀？

Answer 1

看你的描述，应该不是纠结图片获取焦点和失去焦点的事件，而是你想在选择当前图片的时候让其他没有选中的图片移除border。

<div>

   <img src="">

   <img src="">

   <img src="">

</div>

$('div img').click(function(){

  $('div img').removeClass('active');

  $(this).addClass('active');

})

可以将img的active类增加border 就可实现你想要的效果