我目前正在制作一个自动扩展的textarea.这似乎工作正常,但是当textarea扩展时按钮点击似乎永远不会触发.我也在使用angularjs.这是我的代码
HTML：
使用Javascript：
var app = angular.module('myApp',[]); app.directive('myDir',function(){ return { restrict:'A',template:'cop</a>e){ s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.clicked = function(){ alert("click worked"); } } } }); </code></pre> <p>如果有人可以帮我找到<a href="https://www.jb51.cc/tag/jiejuefangfa/" target="_blank" class="keywords">解决方法</a>或解释为什么会发生这种情况,我将不胜感激.</p> <p><a href="https://www.jb51.cc/tag/lianjie/" target="_blank" class="keywords">链接</a>到codepen：<a href="http://codepen.io/anon/pen/mJrjpP" rel="nofollow">http://codepen.io/anon/pen/mJrjpP</a></div> <div class='answers_count'>最佳答案</div> <div class='answers'>当textarea聚焦时,按钮向下移动一点,当您单击按钮时,textareas blur事件首先触发,向上移动按钮,因此按钮移动时不会发生单击.</p> <p><a href="https://www.jb51.cc/tag/jiejuefang/" target="_blank" class="keywords">解决方</a>案是确保按钮保持放置,使用CSS定位,或者如下面的gyantasaurus<a href="https://www.jb51.cc/tag/pinglun/" target="_blank" class="keywords">评论</a>中所述</p> <p></p> <pre><code><button ng-mousedown="clicked()">Click me</button> </code></pre> </div> <!-- jb51.cc --><div class="topcard-tags"><a href="https://m.jb51.cc/tag/angularjsp/" class="tag_link" target="_blank">angularjs</a></div> </div> </div> </div> <!-- row end--> <div class="clearfix"></div> <!-- row --> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <div class="title"><h1>相关文章</h1></div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-27/11/f075a6110513d0ab28f1b88d160691f5.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/html/4744670.html" title="Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据">Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据</a> </div> <div class="summary">准备:导入ElementUI 看官网教程 数据准备:JSON数据转换成树状...</div> </div><div class="list_con"> <div class="title"> <a href="https://m.jb51.cc/html/4744669.html" title="vue阻止冒泡事件 阻止点击事件的执行 结合div和组件阻止点击事件">vue阻止冒泡事件 阻止点击事件的执行 结合div和组件阻止点击事件</a> </div> <div class="summary">vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-27/11/fbad9120fcd5cd7f69182180be1296e3.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/html/4744668.html" title="自用代码css获取任意网址的/favicon.ico的方法教程">自用代码css获取任意网址的/favicon.ico的方法教程</a> </div> <div class="summary">尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...</div> </div><div class="list_con"> <div class="title"> <a href="https://m.jb51.cc/html/4744667.html" title="JS实现 JSON扁平数据转换树状数据">JS实现 JSON扁平数据转换树状数据</a> </div> <div class="summary">后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2024/09-27/11/dce7dcae9e15c2485b74d5338d4dee82.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/html/4744666.html" title="JAVA下载文件防重复点击,防止多次下载请求，Cookie方式快速简单集成教程">JAVA下载文件防重复点击,防止多次下载请求，Cookie方式快速简单集成教程</a> </div> <div class="summary">JAVA下载文件防重复点击,防止多次下载请求，Cookie方式快速简...</div> </div><div class="list_con"> <img src="https://m.jb51.cc/res/2022/01-13/18/54c12d510366a023b24cc827472e7cc0.png" width="100" height="64" style="float:right;margin-left:20px;" /> <div class="title"> <a href="https://m.jb51.cc/html/4675610.html" title="Mip是什么意思以及作用有哪些">Mip是什么意思以及作用有哪些</a> </div> <div class="summary">Mip是什么意思以及作用有哪些</div> </div></div> </div> <!-- row end--> </div> </div> <footer id="footer"> <div class="container"> <div class="copyright"> Copyright © 2018 编程之家. 当前版本 V7.0.16<br> <span class="ml5">编程之家 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备13020303号-8</a> </div> </div> </footer> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script src="https://m.jb51.cc/js/count.js"></script> </body> </html>
