`
01404421
  • 浏览: 228322 次
  • 性别: 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(),或者第三方...

    contextmenu.zip

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

Global site tag (gtag.js) - Google Analytics