账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    html li 包裹下的img点击事件监听不到?
    • 2017-12-19 00:00
    • 11
    47
    0

    <ul @click='inputNum($event)'>

                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li  data-li='del'>
                                    <img :src="img.del" alt=""  style='vertical-align:middle;'>
                                </li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                                <li>0</li>
                                <li>7</li>
                                <li>8</li>
                                <li>9</li>
                                <li>·</li>
                                <li>C</li>
                                <li data-li='circle'>
                                    <img :src="img.circle" alt="" style='vertical-align:middle;'>
                                </li>
                            </ul>
                            
                            

    点击<img></img>不能被inputNum()监听到。点击li是可以的。什么原因?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 森林里的小仙女 普通会员 1楼

      在HTML中,li元素包裹下的img元素的点击事件监听不到,可能有以下原因:

      1. 监听的事件名错误:li元素可能没有特定的事件监听器,或者监听的事件名和img元素对应的事件名称不同。请确保事件名正确无误。

      2. 监听的位置问题:li元素和img元素可能位于不同的DOM树中,或者在不同的CSS样式中。请确保它们的DOM路径和CSS样式匹配。

      3. 图片的点击事件没有触发:请确保img元素的点击事件已经被正确触发。可以通过给img元素添加onclick属性,或者使用addEventListener方法添加事件监听器来实现。

      4. 使用了JavaScript或者其他JavaScript库:在一些情况下,可能需要在JavaScript或者其他JavaScript库中监听事件。请确保在HTML中没有使用JavaScript或者其他JavaScript库。

      5. HTML代码的问题:请检查HTML代码,确保li元素和img元素的HTML结构正确无误。例如,li元素应该在img元素之前,或者img元素应该在li元素之后。

      6. JavaScript代码的问题:请检查JavaScript代码,确保在JavaScript代码中没有出现错误,例如语法错误,逻辑错误等。

      请根据上述问题逐一排查,找出问题的根源,然后进行修复。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部