`
01404421
  • 浏览: 228443 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

label的奇特之处,内部一个Onclick事件触发所有onclick

阅读更多

昨天遇到一个非常奇怪的问题,我在一个label内放了两个button,这两个button都有各自的onclick事件,但是发现当一个点击的时候,也会触发另外一个Onclick事件,今天在网上查了一下,才发现label的这个特殊性,不知道是bug还是设计的时候故意这样设计。

大家可以回头看一下label的专业说明:

 

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

分享到:
评论

相关推荐

    a标签的href与onclick事件的区别详解

    而`onclick`事件是JavaScript中的一个事件处理函数,当用户点击元素时,会执行绑定在该事件上的JavaScript代码。 两者的主要区别在于它们的行为和执行顺序: 1. **执行顺序**:`onclick`事件的回调函数会先于`href...

    Winfrom 实现Button Lable 组合应用

    本话题将深入探讨如何利用Winform技术实现Button和Label控件的组合应用,创建一个自定义控件,以及如何处理相关的事件。 首先,让我们了解基本的控件概念。在Winform中,Button控件是一种常用的交互元素,用户可以...

    delphi xe3 子窗体给父窗体的label 控件设置值

    在Delphi XE3中,当你需要从一个子窗体(子Form)向主窗体(父Form)传递数据,例如设置父窗体中的Label控件的文本,这涉及到跨对象和组件间的通信。以下是一种实现这个功能的方法,以及相关的知识点。 首先,我们...

    爱码哥平台:原生控件-label标签

    - **onclick**: 触发点击事件时执行的JavaScript代码。 #### 三、样式设置详解 - **width**: 设置标签的宽度。 - **height**: 设置标签的高度。 - **alpha**: 设置透明度(0~1之间)。 - **display**: 控制标签的...

    用图片作为label,for属性IE下不起作用

    然而,IE(Internet Explorer)浏览器存在一个已知的问题,即当label标签内的内容是一张图片时,点击图片并不会触发与之关联的表单控件的聚焦。这是一个已知的bug,仅在IE浏览器中发生,其他主流浏览器如Firefox、...

    LinkabelLabel 带网页链接功能的Label控件

    在运行时,一旦用户点击这个标签,就会自动触发一个事件,通常是`OnClick`事件,该事件内部可以编写代码来启动浏览器并导航到指定URL。 为了实现这个功能,`LinkabelLabel`控件可能内置了一个事件处理程序,检测...

    Unity3D教程:利用NGUI制作超链接2

    完成以上步骤后,你需要为包含这两个Label的游戏物体添加一个OnClick事件,这样当用户点击这个“超链接”时,可以触发相应的回调函数,执行你定义的逻辑,比如打开一个新的URL或执行游戏内的操作。 总的来说,通过...

    编程实现输入一个整数,显示它的位数,并显示它的各位数字,及其各位数字的和

    在设计界面中,添加一个TLabel用于显示提示信息,一个TEdit用于用户输入整数,一个TButton用于触发计算,以及两个其他TLabels用于显示位数和数字之和。 2. 处理用户输入:在TButton的OnClick事件中,我们将编写代码...

    计算机软件-编程源码-Delphi基本控件的综合应用.zip

    1. **按钮(Button)**:按钮是最常见的控件,用于触发一个操作或事件。它的Click事件是当用户点击按钮时执行的代码段。 2. **文本框(Edit)**:文本框用于输入和显示文本,有Text属性来获取或设置文本内容,...

    labels_delphi_label_

    虽然不像其他组件如按钮那样有丰富的交互事件,但`TLabel`仍可以响应一些基本的鼠标事件,例如`OnClick`,使得用户可以通过点击标签来触发某些操作。不过这种情况相对少见,因为通常标签是用来展示信息而不是执行...

    html表单a标签,input标签等几种请求ajax提交数据给后台小结

    这两种方法的核心在于使用`&lt;input type="button"&gt;`或`&lt;a&gt;`标签的`onclick`事件来触发AJAX请求,并且通过JavaScript获取表单中的数据,将其转换为JSON格式,然后发送到服务器端。这种方法不仅提高了页面的交互性,还...

    daojishi.rar_daojis_倒计时

    在Delphi中,这可能通过TTimer组件来完成,该组件可以在指定的时间间隔后触发一个事件,从而更新倒计时显示。 程序中的“开始”和“停止”按钮是用户交互的关键部分,它们是事件驱动编程的实例。当用户点击这些按钮...

    delphi写的简单计算器

    - **清除按钮**:清空当前输入,可以使用一个Clear按钮,设置其OnClick事件来清空Edit的内容。 - **等号按钮**:执行计算,它的OnClick事件将触发实际的计算过程。 4. **事件处理** - **按钮点击事件**:当用户...

    NGUI官网中文教程详解!

    **步骤3:** 选中`offset`,使用`NGUI -&gt; Create a new Widget`菜单创建一个Label和一个`sliced sprite`。调整它们的深度(depth),确保`sliced sprite`的深度小于Label,以避免覆盖问题。设置Label的文本为`Bottom`...

    Delphilylable_delphi源码_

    总之,"Delphilylable_delphi源码_"为我们提供了一个深入了解Delphi标签组件及其管理的实例。通过深入研究这份源码,开发者不仅可以提升对Delphi组件编程的理解,还能学习到如何有效地扩展和优化UI组件,从而在实际...

    delphi 利用TIMER控件制作的字幕滚动

    Timer控件是Delphi中的一个重要组件,它允许程序员设置一个定时器,每隔一定的时间间隔触发一次事件,从而实现周期性的任务。在这个场景中,我们将详细探讨如何使用Timer控件来制作字幕滚动效果。 首先,我们需要...

    delphi7开发的倒计时软件

    例如,可能有一个TButton用于启动或停止倒计时,其OnClick事件中包含启动或停止TTimer的代码。 4. **声音播放**:当倒计时到达零时,软件会播放声音提示。这可能通过Windows API函数,如PlaySound(),或者第三方...

    C++Builder 编程指南

    以下是一个具体的例子,展示如何使用这些控件来创建一个能够实时显示鼠标位置的应用程序: 1. **创建界面**: - 从“Standard”页面拖动两个静态文本控件`Label1`和`Label2`以及两个单行编辑框`Edit1`和`Edit2`到...

    contextmenu.zip

    每个`&lt;menuitem&gt;`标签代表菜单中的一个选项,通过`label`属性设置显示的文字,`onclick`事件绑定相应的处理函数。 此外,我们还可以利用CSS来美化自定义菜单,比如设置背景色、字体样式等,使其更符合整体应用的...

Global site tag (gtag.js) - Google Analytics