javascript – 离开textarea时按钮点击不点火

发布时间：2020-12-14 22:56:14 所属栏目：资源来源：网络整理
导读：我目前正在制作一个自动扩展的textarea.这似乎工作正常,但是当textarea扩展时按钮点击似乎永远不会触发.我也在使用angularjs.这是我的代码 HTML：使用Javascript： var app = angular.module('myApp',[]);app.directive('myDir',function(){ return { restr
我目前正在制作一个自动扩展的textarea.这似乎工作正常,但是当textarea扩展时按钮点击似乎永远不会触发.我也在使用angularjs.这是我的代码
HTML：

使用Javascript：

var app = angular.module('myApp',[]);

app.directive('myDir',function(){
    return {
        restrict:'A',template:'</pre>
<p>如果有人可以帮我找到解决方法或解释为什么会发生这种情况,我将不胜感激.</p>
<p>链接到codepen：http://codepen.io/anon/pen/mJrjpP</div>
<div class='answers_count'>最佳答案</div>
<div class='answers'>当textarea聚焦时,按钮向下移动一点,当您单击按钮时,textareas blur事件首先触发,向上移动按钮,因此按钮移动时不会发生单击.</p>
<p>解决方案是确保按钮保持放置,使用CSS定位,或者如下面的gyantasaurus评论中所述</p>
<p></p>
<pre><code><button ng-mousedown="clicked()">Click me</button>
</code></pre>
</div>
<!-- 52php.cn -->                        <p style="text-align:right;">（编辑：李大同）</p>
<p style="text-align:right;">【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!</p>
                    </td>
                  </tr>
                </table>
            </div>
            <div class="dede_pagess"><ul class="pagelist"></ul></div>
            <div class="ad-690"><script src='https://ess.0577qiche.com/d/js/acmsd/ad76.js' language='javascript'></script></div>
            <div class="g-box10">
            	<div class="t-2">相关内容</div>
<ul class="b-box12"></ul>
<ul class="b-box13"><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/262597.html" target="_blank">网页浏览器“歧视”好吗？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/251051.html" target="_blank">html – 去除CSS中的body margin</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/243550.html" target="_blank">部署 – 如何更新服务器上的Web应用程序？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/269006.html" target="_blank">html  – 在CSS问题中设置样式</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/274271.html" target="_blank">domain-name-system – nslookup失败</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/244383.html" target="_blank">.net – 使用string.text.contains时如何忽略？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/264182.html" target="_blank">【HTML】——表单的创建</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/269424.html" target="_blank">html  – 仅具有水平滚动条的动态图像大小</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/261366.html" target="_blank">html – IE在引用CSS文件时不支持基本元素中的相对路径</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/249747.html" target="_blank">将网页html转换成电子邮件Html</a></li><div class="cl"></div></ul>
            </div>
        </div>
    </div>
    <div class="right-1 fr">
    	<div class="g-box8">
        <div class="t-2">推荐文章</div>
            <ul></ul>
        </div>
    	<div class="g-box11">
        <div class="t-2">站长推荐</div>
            <ul class="b-box7"><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/274777.html" target="_blank">如何使用PowerShell列出azure订阅中的所有正在运</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/273658.html" target="_blank">如何在HTML中创建一个不可见的字符,仍然可以选择</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/231975.html" target="_blank">html – 我可以在本地驱动器中,在从网站提供的页</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/277157.html" target="_blank">PHP.MVC的模板标签系统(三)</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/244264.html" target="_blank">如何在保留html标签/结构的同时在html中查找/替换</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/270636.html" target="_blank">HTML  – 为身体标签设计风格是个好主意吗？</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/248559.html" target="_blank">小程序 - 验证码倒计时组件</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/249609.html" target="_blank">html – 设置图像为提交按钮</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/274260.html" target="_blank">HTML – Css div不会到顶部或一直到两侧</a></li><li><a href="https://www.lidatong.com.cn/html/zhonghe/ziyuan/ziyuan/20201214/267554.html" target="_blank">html – Safari显示比其他broswers更大的字体</a></li></ul>
        </div>
        <script type="text/javascript">jQuery(".g-box8").slide({ titCell:"li",triggerTime:0 });	</script>
        <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad103.js' language='javascript'></script></div>
    	<div class="g-box3 u-3">
        <div class="t-1">热点阅读</div>
            <ul class="b-box2"></ul>
        </div>
        <div class="ad-250"><script src='https://ess.0577qiche.com/d/js/acmsd/ad77.js' language='javascript'></script></div>
        </div>
	<div class="cl"></div>
</div>
<div class="ad-960"><script src='https://ess.0577qiche.com/d/js/acmsd/ad78.js' language='javascript'></script></div>
<div class="footer">
<p>【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。</p>
<p>建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果</p>
<p>Copygight © 2008-2022 https://www.lidatong.com.cn/ All Rights Reserved. 李大同</p>
<p><script type="text/javascript" src="//js.users.51.la/21280179.js"></script></p>
</div>
</body>
</html>