Javascript 禁用“不为我的按钮工作”_Javascript_Html_Css

Javascript 禁用“不为我的按钮工作”

javascript html css

Javascript 禁用“不为我的按钮工作”,javascript,html,css,Javascript,Html,Css,我一直在尝试制作自己的按钮，但由于某些原因，我似乎无法正确使用：disable。我希望该按钮被禁用（不响应单击和灰色文本）。我错过了什么 HTML: 此外，这将与javascript一起使用。这在js中是否足以更改禁用状态 button = document.querySelector("#button"); button.disabled = true; 在HTML中：正确的方法是disabled=“disabled”而不是这个disabled=“true”，但是这对链接没有任何作用

我一直在尝试制作自己的按钮，但由于某些原因，我似乎无法正确使用：disable。我希望该按钮被禁用（不响应单击和灰色文本）。我错过了什么

HTML:

此外，这将与javascript一起使用。这在js中是否足以更改禁用状态

button = document.querySelector("#button");
button.disabled = true;

在HTML中：

正确的方法是

disabled=“disabled”

而不是这个

disabled=“true”

，但是这对

链接没有任何作用

您可以添加一个

onclick

事件以避免指向重定向的链接：

<a class="button" onclick"return false;" id="button">Click</a>

很简单，元素必须是按钮

<!doctype html>
<div id="menu"> 
    <button class="button" disabled="disabled" id="button">Click</button>

</div>


点击

工作小提琴：

标记没有禁用的属性。查看文档中可以包含的有效属性。只有

输入

或

选择

或

文本区域

可以具有禁用属性

您可以删除

href

或添加返回false的单击处理程序

$（“#按钮”）。在（“单击”，函数（）{
警报（“正常”）；
});
。按钮{
显示：块；
宽度：40%；
文本对齐：居中；
浮动：左；
颜色：#000000；
字体大小：10px；
填充物：0.5em 1em；
文字装饰：无；
-webkit用户选择：无；
/*铬/狩猎*/
-moz用户选择：无；
/*火狐*/
-ms用户选择：无；
/*IE10+*/
/*以下规则尚未在浏览器中实现*/
-o-用户选择：无；
用户选择：无；
背景：透明；
边界：无；
}
.按钮：悬停{
背景：#f0；
文字装饰：无；
}
.按钮：激活{
背景：rgb（150150150）；
背景图像：线性渐变（到底部，rgb（150150150），rgb（200200200））；
文字装饰：无；
}
.按钮：禁用{
颜色：rgb（150150150）；
}
没有禁用属性。。。
如果需要禁用单击事件，可以使用JQuery的preventDefault（）on click事件：
$( "a" ).click(function( event ) {
    event.preventDefault();
});

根据
它应该是带有少量javascript的按钮或锚定标记

[Jsfiddle]
$('#link').click(function(e){
e.preventDefault();

})) 没有禁用属性…最后我没有使用您的解决方案，但您关于的评论我相信是一个非常好的解释。使用按钮导致了两个问题：在悬停期间，它移动了其他元素。（此处的解决方案）默认情况下按钮有边框，但为此，只需执行按钮{border:0；}。希望您看到这个：）
<!doctype html>
<div id="menu"> 
    <button class="button" disabled="disabled" id="button">Click</button>

</div>

$( "a" ).click(function( event ) {
    event.preventDefault();
});

$('#link').click(function(e){
e.preventDefault();