Maison > Article > interface Web > 调用innerHTML之后onclick失效问题的解决方法_javascript技巧
调用innerHTML之后onclick失效问题的解决方法_javascript技巧
- WBOYoriginal
- 2016-05-16 17:02:021554parcourir
最近再写一个项目，用到了innerHTML，但是呢，发现调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件，所我们只有另找出路了，我们不能直接实现，但是可以间接实现，下面就举个例子：
例子一：该例子是无法实现的onclick的
复制代码 代码如下:
上面的例子是，根据button的name判断是上线，还是下线~~~我们发现，当点击第一次之后，再点击就无效了~~~~~~
这时候我们可以变相的实现，如下：
复制代码 代码如下:
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：setInterval与clearInterval的使用示例代码_jqueryArticle suivant：Jquery实现的一种常用高亮效果示例代码_jquery
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript