javascript - 原生js怎么动态的绑定事件
大家讲道理
大家讲道理 2017-04-11 13:17:11
[JavaScript讨论组]
  1. 我用的vue,用了json-editor这个插件,我需要给textarea标签所有data-schemaformat="html"类型绑定focus事件,还有新添的textarea也要绑定

  2. 我用了queryselectorall addeventlistener 都不行

  3. 请问用原生的js怎么解决

  4. 请大家看好问题,html是json-editor插件生成的,我怎么来给所有的textarea包括心生成的textarea绑定onfocus

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(5)
伊谢尔伦

1.用MutationObserver监控DOM变化,有新添加的textarea则添加绑定(不兼容旧IE)

2.或者直接在父元素上绑定,通过判断target做对应处理

        document.querySelector('body').addEventListener('focus', (ev) => {
            if (ev.target.nodeName === 'TEXTAREA' && event.target.dataset['schemaformat'] === 'html') {
                /* ... */
                console.log('123')
            }
        }, true)
迷茫

用onfocus吧。

怪我咯

http://www.w3school.com.cn/js...
onfocus事件
加入到你的html中

高洛峰

editor.on('fouse',function() {
// Do something
});

高洛峰

就这么干!

<p id="main">
  <button>什么都不干</button>
  <textarea data-schemaformat="html" name="root[title]" class="test" @focus="tryme"></textarea>
</p>

var vm = new Vue({
  el: "#main",
  data: {
  },
  methods: {
    tryme() {
      //console.log('我完全停不下来啦~~~');
    },
  }
});
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号