美文网首页
react onMouseOver ,onMouseLeave

react onMouseOver ,onMouseLeave

作者: 王善良_ | 来源:发表于2019-07-19 14:04 被阅读0次

    react 上面写 onMouseOver事件的时候,或者onMouseLeave事件的时候,eslint会报下面的错,运行是能运行,就是代码下面会画波浪线,看着不舒服
    onMouseOver must be accompanied by onFocus for accessibility.eslint(jsx-a11y/mouse-events-have-key-events)

    image.png

    解决方法是,再加个onFocus 函数就好了
    onFocus={()=>0}

    返回数字0

    后面遇到个bug
    自定义tooltip的时候


    image.png

    就像html元素的title 属性,放上去显示,离开隐藏,当鼠标移入tooltip的时候,也算触发这两个事件

    相关文章

      网友评论

          本文标题:react onMouseOver ,onMouseLeave

          本文链接:https://www.haomeiwen.com/subject/ylnjlctx.html