`
zhangyaochun
  • 浏览: 2612800 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

a设置disabled属性

阅读更多

场景

 

现在很多场景下的提交按钮,比如为了支持hover啊这些因素采用了a标签来做,同时也会有一些需求要设置按钮的disabled。

 

 

问题

 

 

  1. 简单设置a标签的disabled属性就可以阻止事件(onclick)还有href吗
锚标签本身不支持disabled,所以简单设置了disabled属性是没有任何效果的



     2.  如何阻止href?





扩展阅读:


分享到:
评论

相关推荐

    Ant design vue 的组件禁用属性 disabled.pdf

    在Ant Design Vue这一流行的前端UI库中,`disabled`属性是一个关键特性,它允许开发者禁用用户对特定组件的操作,从而实现对用户交互的控制。禁用状态通常用于表示组件处于不可操作或非活动状态,这在许多场景下都是...

    VUE.js实现动态设置输入框disabled属性

    在Vue.js中,动态设置组件属性是常见的需求,特别是对于输入框(input)元素的`disabled`属性。`disabled`属性用于禁用一个表单元素,使得用户无法对其进行交互。在某些场景下,如编辑已有的记录时,我们可能希望...

    Vue动态控制input的disabled属性的方法

    例如,我们可以在新增操作时将 disabled 属性设置为 false,以允许用户输入数据,而在修改操作时将其设置为 true,以禁用 input 框。 Vue 中动态控制 input 的 disabled 属性可以通过使用 v-bind 指令来实现。我们...

    超链接的禁用属性Disabled使用示例

    可以设置超链接的Disabled属性的true 和 false来确定超链接是不是能点击 例如: <a herf='http://www.baidu.com' xss=removed disabled='ture'>bai du</a> 上面的意思是不想让bai du的超链生效,但在click不做任何...

    jquery操作checked属性以及disabled属性的多种方法

    ### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述: 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中,`checked`属性通常用在单选按钮(radio)和复...

    表单元素属性readonly和disabled使用对比

    当一个表单元素被`disabled`属性设置后,用户将无法与之进行任何交互。 在操作行为上,两者也有显著差异: `readonly`属性的元素,用户虽然不能修改内容,但仍然可以触发其他非编辑性的行为,如键盘上的Tab键可以...

    Ant design vue中的a-select在动态给option赋值之后,placeholder失效.pdf

    在实际开发过程中,我们可能会遇到一个常见问题,即当动态地给`a-select`的`option`赋值后,其`placeholder`属性失效,不再显示默认提示文本。这个问题通常出现在数据异步加载的情况下,比如从服务器获取数据并填充...

    a标签置灰不可点击的实现方法

    通常,我们将`opacity`设置为较低的值(如0.2)使链接变暗,并将`cursor`属性设置为`default`,表示默认的指针,而不是手形。 ```html <a style="opacity: 0.2; cursor: default;"> 灰色且不可点击的链接 </a> ...

    disabled与readonly的作用及区别介绍

    例如,`<select>`下拉列表就没有`readonly`属性,但有`disabled`属性。如果你希望用户看到下拉列表但不能选择任何项,只能使用`disabled`来实现这一效果。 总结一下,`readonly`和`disabled`的主要区别在于: 1. `...

    input为disabled提交后得不到该值的解决方法

    - 当一个`input`字段设置为`disabled`时,用户无法编辑该字段的值。 - 这样的字段在表单提交时不被视为成功的(successful)元素,因此,服务器端无法获取到它的值。 - 它不会获得焦点,也不能通过键盘的Tab键进行...

    为超链接加上disabled后的故事

    这是因为`<a>`标签本质上并不具备`disabled`属性,这种行为是浏览器的默认样式和行为,而非`disabled`属性的真实作用。 开发者通过简单的JavaScript代码尝试使用`disabled`属性来禁用超链接,但后来发现这种方法并...

    JavaScript表单属性判断以及存取(真实开发使用的js)

    在获取了表单元素后,可以对它们的属性进行判断,常见的属性包括`value`(值)、`checked`(复选框或单选按钮是否选中)、`disabled`(是否禁用)等: 1. 判断输入框是否有值:`if(input.value !== ''){...}`。 2. ...

    我收集的一些js的题目

    在 HTML 中,form 中的 input 可以设置 readonly 和 disabled 两个属性。readonly 属性使输入框不可编辑,但可以选择和复制,而 disabled 属性使输入框不可编辑、选择和复制。 在 JavaScript 中,三种弹出式消息...

    HTML属性标签大全注释

    比如,链接元素<a>的`href`属性指定链接的目标地址。 二、常用HTML属性 1. `class`:用于定义CSS类,可以为元素应用样式。 2. `id`:唯一标识一个元素,常用于JavaScript操作或CSS选择器。 3. `style`:内联CSS,...

    Web前端开发笔试题.pdf

    - `.disabled`和`.setAttribute("disabled", "true")`用于禁用按钮,但前者直接修改属性,后者通过设置`disabled`属性值为`true`来禁用。 4. 页面结构和标记 - HTML文档的基本结构由`<!doctype html>`, `<html>`,...

    antd离线API速查表.pdf

    + target:相当于 a 链接的 target 属性,href 存在时生效 + type:设置按钮类型 * 事件: + onClick:点击按钮时的回调 Icon * 属性说明: + className:设置图标的样式名 + rotate:图标旋转角度(IE9 无效...

    document.styleSheets[0].disabled

    通过修改这个样式表对象的disabled属性,可以控制这个样式表是否被应用到页面中,如果设置为true,则表示禁用该样式表。 描述部分提供了简单的CSS规则示例,并暗示了使用Ctrl+A快捷键进行全选的操作,以及引入外部...

    cmos设置步骤文档

    - **解决方法二**:“Select B drive - open properties - security tab - select BA - confirm permissions - OK.” 这里描述了如何通过属性窗口的安全标签页来修改文件或文件夹的权限设置。 7. **Windows 自动...

Global site tag (gtag.js) - Google Analytics