當前位置:首頁 » 網頁前端 » 前端按鈕不可點擊
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端按鈕不可點擊

發布時間: 2022-07-02 09:24:46

① 有的時候點擊網頁上的功能按鈕,很多次沒反應是怎麼回事

既然是個js按鈕,那麼1,有可能是js出錯了,出錯的原因可能是前端js程序員本身寫錯,有可能是你的瀏覽器對按鈕使用的js方法不兼容。這個問題應該讓網站的前端工程師搞一下。2,可能是網路延遲,也就是按鈕已經被觸發了,正在請求伺服器,由於結果還沒有回來,讓你以為是沒反應。這種問題應該讓網站的產品經理、體驗工程師、前端工程師把按鈕做成防止重復提交的,並且觸發之後加以「正在載入」之類的文案提示。3,按鈕是坑爹的……就是做了個假按鈕讓你點,甚至有可能這個按鈕是畫在圖片上的……這個沒什麼可說的。4,變化發生在你看不到的范圍。那麼這個產品做得真爛5,本來這個按鈕的設計就是沒有任何變化。那麼這個產品做得真爛

② 如何在前端語言寫當未選中投票時不能點擊確定按鈕

給確定按鈕一個disabled的屬性值,有這個屬性的時候點擊不做操作,當選中投票的時候把這個屬性值去掉,按鈕恢復可點

③ 網頁前端開發的button按鈕不能點擊,求大神幫忙~~

你直接用<button></button>標簽呢?還有,是點擊沒有反應,還是按鈕壓根就被禁用了?

④ 如何使用javascript使按鈕變灰且不能點擊

第一種方法:直接按鈕中加入

當點擊提交後,提交按鈕變灰色不可用,這樣可有效防止重復提交,本代碼就是實現這樣一個功能。從代碼就可以看出,我們只需在提交按鈕上加入這一句: onclick="javascript:{this.disabled=true;document.form1.submit();}",意思是當按鈕點擊後,將按鈕的不可用屬性設置為true,這樣按鈕就變灰了

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>表單提交後按鈕變成灰色</title>
</head>
<body>
<formname=form1method="POST"action="/"target=_blank>
<p><inputtype="text"name="T1"size="20"><inputtype="button"value="提交"onclick="javascript:{this.disabled=true;document.form1.submit();}">
<inputtype="reset"value="重置"name="B2"></p>
</form>
</body>
</html>

第二種方法:通過onSubmit事件實現,並且可以將變灰按鈕變為可用

在form裡面添加 onSubmit事件,如果表單加入了判斷,那麼這個方法直接就可以用了,記住就放到最後,否則一開始就為灰了,但我們加上了一個使提交按鈕變為可用的代碼,
即可防止重復提交信息,也可以防止代碼問題導致不可提交的情況

<formname=form1action=""onSubmit="returnclosebut()">
<inputname="imageField"type="submit"class="inputbut"value="確定"/><br>
<inputtype="button"name="hui"id="hui"value="讓提交按鈕可用"onclick="document.form1.imageField.disabled=false"/>
</form>
<script>
functionclosebut(){
document.form1.imageField.disabled=true;
}
</script>

第三種,跟上面的類似

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
<metaname="keywords"content="站長,網頁特效,js特效,js腳本,腳本,廣告代碼"/>
<metaname="description"content="www.jb51.net,站長特效網,站長必備js特效及廣告代碼。大量高質量js特效,提供高質量廣告代碼下載,盡在站長特效網"/>
<title>網頁特效表單提交後按鈕變灰效果三</title>
</head>
<body>
<ahref="http://www.jb51.net/">腳本之家</a>,站長必備的高質量網頁特效和廣告代碼。<hr>
<!--歡迎來到腳本之家,我們網站收集大量高質量js特效,提供許多廣告代碼下載,網址:<Ahref="http://www.jb51.net">www.jb51.net</A>,用.net打造靚站-->
<scriptlanguage="javascript">
functionsubmitonce(jb51_net){
if(document.all||document.getElementById){
for(i=0;i<jb51_net.length;i++){
vartempobj=jb51_net.elements[i];
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
tempobj.disabled=true;
}
}
}//歡迎來到站長特效網,我們的網址是www.jb51.net,很好記,zz站長,js就是js特效,本站收集大量高質量js代碼,還有許多廣告代碼下載。
</script>
<formaction="http://www.jb51.net"method="post"name="jb51_net"onSubmit="submitonce(this)">
<inputtype="text"name="name">
<inputtype="submit"name="submit1"value="提交">
</form>
</body>
</html>

⑤ 怎麼讓html的按鈕只能點一次

需要准備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,打開html編輯器,新建html文件,例如:index.html。

⑥ PHP在線客服系統前端發送按鈕沒用

點擊按鈕時,點擊事件會傳播到< span>包含它,並且該事件處理程序再次被觸發.這似乎在干擾表單提交。

⑦ 在javascript中怎麼設置button的可點擊和不可點擊

、js中設置按鈕可點擊與不可點擊,默認是可點擊的

(1)設置按鈕不可點擊

document.getElementById("bt1").disabled=ture;

(2)設置按鈕可點擊

document.getElementById("bt1").disabled=false;

2、jq中設置按鈕可點擊與不可點擊,默認是可點擊的

(1)設置按鈕不可點擊

$("#bt1").attr("disabled",ture);

(1)設置按鈕可點擊

$("#bt1").attr("disabled",false);

3、標簽中設置按鈕不可點擊

在標簽中添加屬性disabled="true"。

⑧ HTML代碼中,如何使按鈕變成不可按(灰色狀態),然後怎樣解除這種狀態

灰化:加屬性disabled="true", 如果是點擊後觸發,可使用屬性onclick="javascript:{this.disabled=true; }"來實現。如果要點擊後觸發其他操作增加個函數:onclick="javascript:{this.disabled=true; function( ) }" 。

解除:利用JavaScript去除,例如用jQuery: $("#id").attr("disabled",false); 。

⑨ 求助~怎麼實現按鈕點擊一次之後,按鈕不能再點擊了,變為灰色,下面代碼怎麼更改

你需要把代碼貼出來啊,現在用JS寫這些效果無非就是原生JS和Jquery庫,實際上Jquery庫可能用得多一些。

要達到這樣的效果思路其實很簡單:給這個按鈕綁定一個滑鼠單擊的點擊事件,在按鈕的點擊事件中將這個按鈕禁用並設置相應的樣式就可以了,示例代碼如下:

/*以下是CSS樣式代碼,具體樣式按自己需求寫*/
.btn_disable{
background-color:#d4d4d4;/*設置按鈕背景顏色為灰色*/
border-color:#d4d4d4;/*邊框線顏色應與背景顏色一致*/
color:#fff;/*設置字體顏色為白色*/
}
<!--按鈕HTML-->
<inputid="btn"type="button"value="點我禁用"class=""/>
//直接給你貼Jquery庫的代碼,實現起來方便一點
$(function(){
//綁定按鈕點擊事件
$("#brn").click(function(){
//設置禁用效果,不再響應點擊事件
$(this).attr({"disabled":"disabled"});
//設置樣式
$(this).addClass("btn_disable");
});
});

要想解除禁用的話反過來就可以了,使用

$("#id").removeAttr("disabled");

使按鈕可用,然後使用代碼

$("#id").removeClass("btn_disable");

移除禁用的樣式就可以了。