当焦点集中在textarea上时，我如何清除它的内容？

8 浏览2023年7月14日

匿名的 2023年7月14日

0 Comments

我正在使用一个带有文本区域的简单表单，当用户点击文本区域时，我希望文本区域的内容被清空。

这个可能吗？

点击时如何清除文本区域？

如何使用JavaScript清除文本框

在页面加载时，是否可以移除文本输入框的焦点？

当按钮被按下时，如何使元素不失去焦点？

如何使用JavaScript更改

的内容</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-466583" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/466583/" rel="bookmark" title="如何在html中使用javascript通过按钮清除文本区域？">如何在html中使用javascript通过按钮清除文本区域？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-457144" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/457144/" rel="bookmark" title="是否有jQuery的unfocus方法？">是否有jQuery的unfocus方法？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-175531" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/175531/" rel="bookmark" title="jQuery - 选择所有文本从一个文本区域">jQuery - 选择所有文本从一个文本区域</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-456993" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/456993/" rel="bookmark" title="如何在javascript中清除焦点？">如何在javascript中清除焦点？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-267338" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/267338/" rel="bookmark" title="提交后清除文本区域字段中的值。">提交后清除文本区域字段中的值。</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-470142" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/470142/" rel="bookmark" title="如何在Javascript中将光标移动到textarea的最后位置？">如何在Javascript中将光标移动到textarea的最后位置？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-461735" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/461735/" rel="bookmark" title="如何处理<textarea>中的<tab>？">如何处理<textarea>中的<tab>？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-277147" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/277147/" rel="bookmark" title="Textarea onchange detection

文本域的onchange检测">Textarea onchange detection

文本域的onchange检测</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-280248" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/280248/" rel="bookmark" title="Javascript/jQuery检测输入框是否聚焦">Javascript/jQuery检测输入框是否聚焦</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-456670" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/456670/" rel="bookmark" title="如何使用jQuery在页面加载时将焦点集中在表单输入文本字段上？">如何使用jQuery在页面加载时将焦点集中在表单输入文本字段上？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-459173" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/459173/" rel="bookmark" title="在加载时聚焦输入框">在加载时聚焦输入框</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-457970" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/457970/" rel="bookmark" title="如何使用JavaScript清除div的内容？ [关闭]">如何使用JavaScript清除div的内容？ [关闭]</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-463939" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/463939/" rel="bookmark" title="点击按钮时，将文本区域的内容复制到剪贴板中。">点击按钮时，将文本区域的内容复制到剪贴板中。</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-466780" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/466780/" rel="bookmark" title="在焦点集中时自动高亮输入字段">在焦点集中时自动高亮输入字段</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-170782" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/170782/" rel="bookmark" title="通过读取textarea属性，使用Tinymce的html5占位符">通过读取textarea属性，使用Tinymce的html5占位符</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                </div>
		</div>
				<aside class="col-12 col-xl-3 mt-5 mt-xl-0">
			<div class="ap-question-info">
				<div id="ap_search_widget-2" class="ap-widget-pos widget_ap_search_widget">
<form id="ap-search-form" class="ap-search-form" action="https://it.jidaohang.com/">
    <div class="input-group">
	<input type="text" class="form-control autocomplete-questions" placeholder="搜索问题..." name="s" />
	<input type="hidden" name="post_type" value="question" />
        <div class="input-group-append"> 
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
        </div>
    </div>
</form>
</div>			</div>
		</aside>
		
	</div>
</div>
</div>            <div class="clearfix"></div>
            </div>
</main>

<div class="clearfix"></div>
<footer id="scisco-footer">
            <div id="footer-widgets">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-lg-4 mb-5 mb-lg-0">
    <div id="media_image-1" class="widget_media_image scisco-widget"><img width="482" height="128" src="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png" class="image wp-image-10050 scisco-footer-logo attachment-full size-full" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" srcset="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png 482w, https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929-300x80.png 300w" sizes="(max-width: 482px) 100vw, 482px" /></div><div id="text-2" class="widget_text scisco-widget">			<div class="textwidget"><p>Lorem ipsum dolor sit amet, libero adipiscing elit. Donec et lacus ut quam ullamcorper aliquet id et sem. Neque tincidunt, ac pulvinar metus.</p>
<p><a href="https://smartsqa.com">smartsqa</a></p>
</div>
		</div></div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0">
    </div>
<div class="col-12 col-lg-4">
    </div>
 
            </div>
        </div>
    </div>
                <div id="scisco-footer-bottom">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                                        <p>Copyright 2023 | <a href="http://www.beian.miit.gov.cn">浙ICP备19008543号-1</a></p>                                    </div>
                <div class="col-12 col-md-6 mt-3 mt-md-0">
                                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    </footer>
</div>
<div id="scisco-gototop" data-toggle="tooltip" data-placement="top" title="Go to Top">
    <i class="fas fa-arrow-up"></i>
</div>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/jquery/jquery.form.min.js" id="jquery-form-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/underscore.min.js" id="underscore-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/backbone.min.js" id="backbone-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/lib/selectize.min.js" id="selectize-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/common.js" id="anspress-common-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/question.js" id="anspress-question-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/ask.js" id="anspress-ask-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/list.js" id="anspress-list-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/notifications.js" id="anspress-notifications-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/templates/js/theme.js" id="anspress-theme-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shCore.js" id="syntaxhighlighter-core-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shAutoloader.js" id="syntaxhighlighter-autoloader-js"></script>
<script type="text/javascript" id="syntaxhighlighter-js-before">
/* <![CDATA[ */
			aplang = aplang||{};
			aplang.shLanguage = '语言';
			aplang.shInline = '是内联的吗？';
			aplang.shTxtPlholder = '在此处插入代码段...';
			aplang.shButton = '插入编辑器';
			aplang.shTitle = '插入代码';

当焦点集中在textarea上时，我如何清除它的内容？

0 答案