简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - vue怎么给div绑定blur事件
天蓬老师
天蓬老师 2017-04-11 12:41:43
0
5
642

用vue做下拉框组件，想在点击下拉框的那个p之外隐藏下拉框。
我想在此p中绑定blur事件实现，但是没有用。
网上看到p本身没有blur事件，需要添加属性tabIndex后方可用blur，试了但是依然没有用。请问各位前辈有好的方法吗？

天蓬老师
天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

reply all (5)
迷茫
迷茫2017-04-11 12:43:43 5 floor

拿a标签来模拟啊，天然支持blur事件，设定href="javascript:void(0)"就行了。

Like+0
Add Reply
    阿神
    阿神2017-04-11 12:43:43 4 floor

    这个你应该给body加一个全局点击事件，点击body的时候就通知你这个组件，body被点击了。
    然后你隐藏你的下拉框就好了

    Like+0
    Add Reply
      巴扎黑
      巴扎黑2017-04-11 12:43:43 3 floor

      你貌似tabindex笔误了，中间的i是小写，不是I

      Like+0
      Add Reply
        Ty80
        Ty802017-04-11 12:43:43 2 floor

        请问你这个问题解决了吗

        Like+0
        Add Reply
          Ty80
          Ty802017-04-11 12:43:43 1 floor

          用这两个不就行了
          mouseenter
          mouseleave

          Like+0
          Add Reply
            Popular Topics
            More>
            Popular Articles
            Popular Tutorials
            More>
            Related Tutorials
            Popular Recommendations
            Latest courses
            Latest Downloads
            More>
            Web Effects
            Website Source Code
            Website Materials
            Front End Template
            About us Disclaimer Sitemap
            php.cn：Public welfare online PHP training，Help PHP learners grow quickly！