textArea onFocus时不触发按钮ClickEvent
是因为当textArea获得焦点时，点击按钮会导致焦点从textArea转移到按钮上，从而触发了按钮的Click事件。为了避免这种情况，可以使用以下方法解决：
- 使用其他事件代替Click事件：可以考虑使用其他事件来触发按钮的操作，例如使用MouseUp事件或者KeyDown事件等。
- 使用事件委托：将按钮的Click事件绑定到textArea的父元素上，然后通过事件委托的方式来处理按钮的点击事件。这样即使textArea获得焦点，点击按钮也不会触发按钮的Click事件。
- 使用条件判断：在按钮的Click事件处理函数中，添加条件判断，判断当前是否textArea获得焦点，如果是则不执行按钮的操作。
- 使用禁用状态：在textArea获得焦点时，将按钮设置为禁用状态，这样即使点击按钮也不会触发按钮的Click事件。当textArea失去焦点时，再将按钮设置为可用状态。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建物联网应用。详情请参考：https://cloud.tencent.com/product/iot
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
所以我有这个td元素，它包含文本区域和按钮。当文本区域聚焦时，按钮会显示，否则将保持隐藏。
问题是当我按下按钮，它应该删除td-元素的父元素时，我失去了文本区域的焦点，该按钮在按钮按下扳机之前就被隐藏了。
以下是这些要素：
<td>
<textarea oninput='textHeight(this)' onfocus='onFocus(this)' onfocusout='onFocusOut(this)'></textarea>
<button onclick='delete
浏览 3提问于2017-08-10得票数 1
回答已采纳
假设我使用一个简单的document.getElementById('myTextArea').focus();以编程方式将焦点设置在一个textarea上。在该textarea上，我有一个onFocus事件：
document.getElementsByName('myTextArea')[0].onFocus = function () {
alert('I’m focused!');
};
我只希望在用户实际关注textarea时触发该onFocus，而不是在我以编程方式设置焦点时触发。
在onFocus中，有没有一种方法可以判断事
浏览 3提问于2016-03-08得票数 3
我有一个使用onClick和onFocus的组件。这两个事件调用从API加载数据的相同函数。
当用户使用the键浏览页面上的元素并访问此组件的子API时，onFocus将运行并从textarea加载数据。
但是，当用户单击组件的textarea子组件时，onClick和onFocus事件都会尝试从该应用程序接口加载数据。我想防止这两个事件触发一个函数两次。
如果可能的话，我不想把事件放在文本区本身。
function DataRow(props) {
function focused(e){
props.loadDataFromAPI(); /* This
浏览 18提问于2020-03-03得票数 0
我想让setTimeout函数在我选择焦点选项卡时执行。我使用的是Mozilla (Greasemonkey)。
这是我尝试过的：
// ==UserScript==
// @name [udit]click stumble button on pages
// @namespace uditeewd
// @include http://www.stumbleupon.com/interest/*
// @include http://www.stumbleupon.com/channel/*
// @include h
浏览 0提问于2012-02-11得票数 0
1回答
<form action="mail.php" method="post" id="myform" name="myform" onsubmit="javascript:return validForm(document.myform)">
<input type="submit" class=" " name='btnanother' id='btnanother' value='asdf'>
<
浏览 3提问于2015-03-18得票数 0
回答已采纳
1回答
下面是我的代码：
@Override
void start(Stage stage) throws Exception {
def root = new VBox() {
{
children.add(new TextArea() {
{
setId("ta1")
}
})
children.add(new TextArea() {
{
浏览 8提问于2016-09-13得票数 1
回答已采纳
1回答
我试图让文本区域中的所有内容在获得焦点时突出显示。目前，一旦它获得焦点，内容将被突出显示，但它立即失去它。
这就是我要用的：
<textarea onfocus="this.select()" readonly>Test</textarea>
小提琴：
浏览 1提问于2014-04-16得票数 2
回答已采纳
当关注textArea输入时，我需要触发按钮ClickEvent。PS :我的textArea有一些风格，当它被聚焦时，它会变得最大化 示例如下：https://stackblitz.com/edit/angular-ivy-zy9sqj?file=src/app/app.component.html
浏览 71提问于2021-09-10得票数 0
回答已采纳
function toggleSlideBox(x) {
$("#"+x).slideToggle(300);
}
好的，我在每个按钮上使用这个javscript功能来创建一个保存表单、文本等的下拉列表，当我单击一个按钮(例如，第一个)然后，当它下降时，其他两个按钮就会下降到它的下方。如果我单击最后一个按钮，那么前两个按钮将保持在顶部。
2件事:我只想要一个按钮能够在同一时间是活动的。我希望所有3个按钮都保持在顶部
下面是帮助的其余代码：
<a href="#" onclick="return false" onmou
浏览 0提问于2012-05-27得票数 0
我有问题，我动态创建按钮(用户在JtextArea中写入文本，然后创建新按钮)，当用户单击按钮时，此文本将在JtextPane中写入。我不知道为什么要这么做？按钮被创建，但当用户单击按钮时什么也不做。
DODAJNOWYButton.addMouseListener(new NewMouseListener(textPane1) {
@Override
public void mouseClicked(MouseEvent e) {
String text = textArea2.getText();
bar.ad
浏览 6提问于2017-04-30得票数 0
在输入/文本区域字段的焦点上，我获得输入值，如下面的对象对象。我不知道为什么会发生这种情况，我将状态设置为输入字段的值。但是，在聚焦输入字段时，我只得到对象对象。它不能输入任何东西，我的片段也在这里
<textarea rows='5'
cols='auto'
onFocus={this.onFocus.bind(this, 'Assessment', isRecording)}
value={this.value}
浏览 3提问于2017-03-27得票数 0
回答已采纳
3回答
我有这样的界面：
当单击“添加另一个”按钮时，我将不得不添加与此界面相同的另一个接口，以便整个接口看起来如下所示：
我为文本区域提供了onfocus属性，以便在焦点集中时清除它的内容，并且它运行得很好，这是它的代码：
<textarea name="educationDescription1" id="educationDescription1" rows="5" cols="33" onfocus="clearContents(this);">Describe your studying expe
浏览 6提问于2014-12-08得票数 0
回答已采纳
更新:只有在调试时才会发生
我的代码如下所示：
function onFocus(){
//do something
}
window.onfocus = onFocus;
//do other things
$('#button1').unbind().bind("click",function(){
alert('button1 clicked');
});
当我单击该按钮时，onFocus代码将执行，但button1单击永远不会执行。为什么会发生这种情况?有解决办法吗？
编辑:完整测试页面：
<html>
<
浏览 5提问于2015-06-18得票数 0
回答已采纳
1回答
当我使用contentscript时，点击网站页面上的由Javascript制作的按钮。 element.click() 我面临着同样的问题:点击不是一个函数，就像这样： Can't click a button using a Chrome extension, but I can in the developer tools 但是，我可以手动单击按钮来做一些事情，就像下载文件一样。 感谢作者，我得到了解决方案： var x =document.getElementById("someelement");
x.addEventListener('click&
浏览 27提问于2020-04-26得票数 0
回答已采纳
是否有人可以帮助检查值是否存在？
我需要检查姓名，电话，电子邮件和查询有一个值在下面的表单，然后提交表单时的按钮是clicked...If没有值需要显示错误信息。
这是我的表格：
<form action="#" id="emailForm" method="post">
<div class="left">
<input type="hidden" value="1" name="submitted">
<input t
浏览 0提问于2011-05-16得票数 0
回答已采纳
3回答
在下面的代码中，我试图模拟按钮Browse的单击事件。
private void TextBox_MouseDown(object sender, RoutedEventArgs e)
{
this.Browse.RaiseEvent(new RoutedEventArgs(ButtonBase.ClickEvent));
}
这是我正在犯的错误：
'System.Windows.Forms.ButtonBase‘不包含'ClickEvent’的定义
如何引发单击事件？
--似乎有些人在质疑这段代码的用途。我在这里找到了 ，我只是想让它运转起来。
浏览 3提问于2013-08-13得票数 0
回答已采纳
1回答
领航员级：
@CDIUI
@Title("RUT — Remote University Tool")
public class NavigatorUI extends UI {
public static final String MAINVIEW = MainView.NAME;
@EJB
private TestCRUDService testCRUDService;
@EJB
private DisciplineService disciplineService;
@Override
protected vo
浏览 1提问于2014-01-25得票数 0
回答已采纳
在Chrome上，当用户单击输入数字的旋转按钮时，焦点事件就会被触发，而在Firefox上则不会。如何激发像Chrome这样的火狐的关注点？
火狐
CHROME
现场演示
function onFocus(){
console.log('focused');
}
<input type="number" onfocus="onFocus()">
浏览 3提问于2019-11-27得票数 0
回答已采纳
我有这个jsFiddle：
看起来这只是chrome的一个问题。
当您单击页面中的一个项目时，它会添加一个文本字段，然后会弹出一个日期选择器。当您在文本框外单击，然后返回文本框，浏览器会挂起5- 10秒。它为什么要这么做?我该如何修复它？
下面是我的相关代码：
$(document).on("focus", "td input[type=text]", function(e) {
e.stopPropagation();
if ($(this).closest("td").attr("data-type") ===
浏览 0提问于2013-06-28得票数 0
回答已采纳
我正在尝试找出clickEvent对象是如何触发的。这是Codepen链接 https://codepen.io/rpmcmurphy/pen/WNegvQd?editors=1011 在这里，当我点击下拉项时，clickEvent会被触发，但当点击按钮时，它不会触发。没有太多的文档可以找到clickEvent是什么以及如何触发它。 这是代码- HTML <div class="dropdown">
<button class="btn mt-5 ml-5 dropdown-toggle" type="button" id
浏览 17提问于2019-09-17得票数 0
2回答
我对Vaadin和JavaEE都是新手，我有一些基本的问题，但我很高兴能得到帮助。
我在我的Vaadin项目中有3个类，它们是: Main类，只响应启动和创建导航器：
public class MyprojectUI extends UI {
public Navigator navigator;
public static final String SECOND_VIEW = "SecondView";
@WebServlet(value = "/*", asyncSupported = true)
浏览 0提问于2013-07-09得票数 3
回答已采纳
我只有一个按钮。在css中，您可以使用按钮:active{ do stuff }，它将在单击按钮之后生效，因此与其他对象的交互(单击图像)将导致语句为null。如何将其转换为java脚本？就像这样：
const Ham_Button = document.querySelector('button');
while (Ham_Button.isActive)
{
do stuff
}
我试过这个：
const Ham_Button = document.querySelector('button');
const ClickEvent = functi
浏览 4提问于2021-08-16得票数 0
回答已采纳
我正在大量使用Google+，我发现自己经常做的一件事是点击左边边栏中的“More”按钮来访问隐藏在视图中的圆圈。我正在尝试编写一个用户脚本，它将在页面加载时为我激活“更多”链接。这是边栏的DOM结构，直到"More“元素为止：
<div class="a-b-la-A">
<h2 class="a-za">Navigation</h2>
<a href="/welcome" target="_top" class="d-h a-b-h-Jb a-la-h a-la-aH
浏览 2提问于2011-07-03得票数 3
回答已采纳
3回答
我使用onClick事件从文本区域获取值。如果我使用下面的代码，它将返回html，而不是如下所示的值：
$(this).find(".button2").click(function($e) {
var comment_content = $(this).find('textarea[name="comment_content"]').val();
console.log(comment_content);
});
产出：
<textarea class="styledtextarea" id="co
浏览 3提问于2015-08-06得票数 0
回答已采纳
我有如下代码；
class Comment extends Component {
constructor(props) {
super(props);
const color = "red";
}
changeColor() {
this.color = "blue";
console.log(this.color);
}
render() {
return(
<div className="CommentPlaceHolder" style={{background
浏览 2提问于2018-05-21得票数 0
我有这样的代码，它只在第一次单击时从textarea 中删除文本。只有在我编写了第二个textarea标记(即：
<textarea id="textarea2" onfocus="checkOnFocus(this);" onblur="resetInitialText(this);">Your second message</textarea>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww
浏览 5提问于2013-01-07得票数 0
回答已采纳
如何为浏览按钮应用样式(图像)？
我需要给图片浏览按钮，我做了以下方式，但问题是光标指针不工作，所以我不能点击浏览按钮在IPAD…
input.file {
cursor: pointer;
border: 0 solid #33CCFF;
opacity: 0;
padding: 5px;
position: relative;
text-align: right;
width: 350px;
z-index: 2;
}
有人能帮帮我吗？
浏览 0提问于2011-07-21得票数 3
回答已采纳
1回答
我需要你的帮助。我有两个项目checkbox和textarea。我想建立以下逻辑:一开始我可以看到这两个元素，但是当我开始在textarea中键入某些内容或单击textarea在那里输入文本时，我的checkbox消失了，当我在textarea外单击时，checkbox出现了。首先，我试图建立逻辑来检查光标是否在文本区域上被点击，但我不知道如何做呢？如何根据光标在textarea上是否为checkbox来隐藏clicked？非常感谢)
html
<mat-checkbox
(change)="saveMessage($event)"
formControlNa
浏览 1提问于2022-06-01得票数 0
我试着动态更新我的html，到目前为止，textarea正在被添加到页面中，但我定义的onblur和onfocus行为并不是由于onblur和onfocus属性中包含了双引号。我的代码如下：
$('#answerList').append('<li><div class="row"><div class="eight columns"><textarea id="answerText" name="answerText" placeholder="Your
浏览 0提问于2013-08-30得票数 0
2回答
在我的一个控制器中，我定义了：
vm.searchTerm="12345";
vm.clickevent=function(){
$rootScope.$broadcast('transferUp',{message:vm.searchTerm});
}
clickevent()绑定到视图中的一个按钮：
<button type="button" ui-sref="base.searchresults" data-ng-click="vm.clickevent()"></button>
浏览 0提问于2016-11-08得票数 1
2回答
例如，我的空间有限，我希望提交按钮出现在文本区域的右下角。像这样吗？：
<textarea value='text message' name='messageSMS' id='messageSMS' onfocus='clearInput(this)' onblur='clearInput(this)'>
<input value='send' id='sendSMS' type='submit' name='submit' /&g
浏览 0提问于2010-03-08得票数 0
回答已采纳
3回答
我的页面上有一个非常基本的引导按钮。我有一个事件监听器在监听这个按钮的点击。我有一个图像标签作为按钮的内容。当用户单击该按钮时，事件侦听器将按需要触发。但是，如果单击按钮落在按钮内的图像上，则图像将拦截单击，而单击事件侦听器则不会触发。我如何才能让按钮检测到点击本身和它的内容(例如，图像标签)？
<button type="button" class="btn btn-custom" id="navLogoButtonLeft">
<!-- dev tools indicate clicks land on this &
浏览 3提问于2016-08-16得票数 1
回答已采纳
1回答
CSS在GXT文本区域中未更新
、、、、
我有一个文本区，我需要使用一个CSS onClick和另一个CSS onBlur。但它没有更新onBlur。你能帮帮我吗？
final TextArea textarea = new TextArea();
textarea.addBlurHandler(new BlurHandler() {
@Override
public void onBlur(BlurEvent event) {
textarea.addStyleName("gxtTextAreaTransparentBackground");
}
});
textarea.
浏览 0提问于2017-06-12得票数 0
4回答
我正在编写一个JavaScript聊天应用程序，但我遇到了一个小问题。
下面是HTML结构：
<div id="chat">
<div id="messages"></div>
<textarea></textarea>
</div>
当用户点击/聚焦于聊天框时，我希望文本框自动聚焦。我在聊天框上有这个onfocus处理程序：
chat.onfocus = function () {
textarea.focus();
}
这是可行的，但问题是，在火狐中，这使得在消息
浏览 1提问于2010-04-25得票数 2
回答已采纳
1回答
用不同的方法处理GWT单击事件
、、、、
基本上，我在这里试图做的是处理单击事件，哪个面板应该显示为取决于哪个按钮是单击。例如，如果我们单击按钮1，相应的面板将弹出。但是面板和单击事件之间不知道任何关于彼此的信息。我想这叫匿名课。我很难实现这一点。实现这一点的好方法是什么？
这是我的按钮单击事件类
public class buttonHandle extends Composite {
private static buttonHandleUiBinder uiBinder = GWT
.create(buttonHandleUiBinder.class);
@UiField Button button;
@UiF
浏览 2提问于2013-07-17得票数 0
回答已采纳
1回答
当表单上的submit按钮被按下时，我正在尝试运行一个名为"submitScript“的脚本。submitScript与所有其他文件位于相同的目录中。这是一个相当长的.js文件，可以与解析进行通信(我已经在前面的文档中连接了解析ID和密码)：
$('#submitButton').onclick =
Parse.Cloud.run('importEvent', {
eventName: 'Test Event',
eventDate: 'May 4, 2
浏览 2提问于2016-03-10得票数 0
我已经在stackoverflow上搜索了我同样的问题，我找到了一个有同样问题的人，但我无法用那个问题的答案来解决我的问题。无论如何，我是GWT的新手，当我尝试制作一个RichTextArea时，我以为它会制作出与中的示例类似的东西(向下滚动直到您看到RichTextArea)，但实际上只有一个没有工具栏的纯文本区域。为什么我的电脑里没有工具栏？谁可以帮助我，你能告诉我如何改变我的代码，使它看起来像样本。我还认为这可能与格式化程序或getFormatter方法有关，如果是这样的话，你能告诉我怎么做吗？下面是我的代码：
import com.google.gwt.core.client.Entr
浏览 3提问于2013-08-08得票数 0
2回答
Ajax表单验证和提交
、、、
在这里完全不知所措，在网上浏览了两天，试图找到一个简单的解释，说明如何用JQuery验证来验证表单，但没有结果.如果有人能指出我做错了什么，那对确保我不会心脏病发作是有帮助的。这是我的表格(请只评论验证，我不想听到好的编码实践)：
<form id='test-form' class='contact-form'>
<ul>
<li><label for="full_name">Name*</label></li>
<li>
浏览 3提问于2014-10-16得票数 0
回答已采纳
2回答
因此，我尝试使用onfocus和onblur隐藏/显示div元素：
<textarea onfocus="document.getElementById('divID1').style.display='block';" onblur="document.getElementById('divID1').style.display='none';"></textarea>
<div id="divID1">
这很好，但问题是，当textarea/i
浏览 4提问于2013-08-28得票数 1
回答已采纳
我正在尝试在按钮上使用方法addHandler。以下是我的代码：
private void attachClickHandler(Widget widget) {
ClickHandler clickHandler1;
ClickHandler clickHandler2;
clickHandler1 = new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
System.out.println("ClickHand
浏览 5提问于2012-12-28得票数 3
回答已采纳
5回答
我正在尝试创建一个页面，当单击一个按钮时，将显示一个表单。然后，我希望用户在表单中输入信息并单击submit按钮。我希望在不刷新/离开此页面的情况下将此信息提交到MySQL数据库。
我在互联网上搜索过，似乎我必须使用AJAX和jQuery才能做到这一点，但问题是我对这两种语言都一无所知。我试着遵循我在几个网站上找到的示例和教程，但我不能让它们中的任何一个工作。
我已经创建了表单。它的代码如下。
<form name="classroom" method="post">
<fieldset>
<legend&g
浏览 1提问于2011-11-18得票数 1
回答已采纳
我找不到我的问题的解决方案，在一个文本区域内的标签。每次我点击按钮，它都会跳转到另一个文本区。现在我遇到了一个解决方案，它是用Javascript编写的(我发现的另一个解决方案是用jQuery编写的)--但不幸的是我找不到Typescript的解决方案。 这是我现在得到的(用js写的)： document.getElementById('textbox').addEventListener('keydown', function (e) {
if (e.key == 'Tab') {
e.preventD
浏览 10提问于2021-06-21得票数 0
回答已采纳
我的联系方式似乎无法工作。这是我的联系方式代码：
<form action="MAILTO: Dana@dogmother.ca" method="post" >
<div class="to">
<input type="text" class="text" value="Name" onfocus="this.value = '';" onblur="if
浏览 6提问于2015-07-13得票数 0
回答已采纳
2回答
在使用Javascript单击“重置按钮”后，我尝试将表单中的文本输入更改为黑色。
我曾经考虑过在HTML中使用onReset来解决问题，但是，问题说明我必须只使用Javascript解决这个问题(如果需要的话也可以使用JQuery )，因此下面的HTML不是可编辑的。我考虑过document.forms和getElementbyID(“联系人”)，但不知道从那里做什么。
任何帮助都感谢感谢！
以下是我的HTML：
<form id="contact" action="" onsubmit="checkContactForm( this ); re
浏览 1提问于2013-10-12得票数 0
1回答
我有一个在Chrome和Firefox中工作的查询表单，但是submit按钮不想在IE中工作。它允许我在文本框中输入任何信息，其余的功能似乎都很好，只是提交按钮不会给我回电话。
这是一个
<div class="form">
<form id="form" action="" method="post">
<div class="div_input">
<input type="text" name="
浏览 3提问于2014-06-11得票数 0
2回答
我目前正在Mozilla FireFox 3.0.5中使用FireBug 1.3.0和jQuery 1.2.6进行测试。
初试
document.getElementById("x").onfocus = function ()
{
var helloWorld = "Hello World";
};
FireBug控制台：
document.getElementById("helloworld").onfocus.toString() =函数体作为字符串
$("#helloworld").get(0).onfocus.t
浏览 3提问于2009-01-14得票数 2
回答已采纳
2回答
当我打开模式窗口时，textarea中的onfocus文本值将被高亮显示为蓝色，我不确定应该使用哪些CSS属性从文本中删除突出显示的onfocus蓝色颜色。我试过了，但没有用。
input[type="text"], textarea{
outline: none;
box-shadow:none !important;
border:1px solid #ccc !important;
}
浏览 4提问于2015-10-19得票数 5
回答已采纳
我在创建此表单验证时是否犯了任何错误。HTM代码为：
<form name="form1" action="sendmail.php" onSubmit="return validateform1();" method="post">
<table>
<tbody>
<tr><td><input id="name" class="w200" name="name" typ
浏览 1提问于2013-10-13得票数 1
当用户在文本区之外单击时，我正在尝试更新一个字段。但是，在将更新请求发送到服务器之前，我还想检查输入是否与原始输入不同。我正在尝试使用onfocus和onfocusout来完成此操作，如下所示： function updateTitle(){
var title = document.getElementById("info_title");
var oldTitle = title.value;
title.onfocusout = function(){
var newTitle = title.value;
if(newTitle != o
浏览 33提问于2019-06-08得票数 0
回答已采纳
在同样包含输入元素的jQueryUI对话框中使用红皮书时，它会显示出一些奇怪的行为。
选择文本并单击“Bold”、“斜体”或“通过”按钮第一次不会执行预期的操作，而是将焦点转移到输入元素。第二次单击相同的按钮(在再次选择文本之后)将按预期工作。
移除输入似乎也有效。
小提琴：
浏览器使用: Chrome版本40.0.2214.115米
<div id="dialog">
<textarea id="editor" value=""></textarea>
<input type="
浏览 3提问于2015-02-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
