① js 控制打開對話框文本框不可編輯
文本框不可以編輯可以用兩個屬性來控制:
readonly,只讀屬性,文本可以選擇、復制,但是不可以改變文本值
disabled,不可選擇、復制、改變文本值。
js控制打開對話框的時候,同時改變對話框中的文本框的屬性即可。
jq方法
$("input[type=text]").prop('readonly','readonly');
或者
$("input[type=text]").prop('disabled','disabled');
② js禁用滑鼠之後文本框不能點了但是按鈕還是可以觸發事件
要看到代碼才知道是具體什麼原因,有可能是以下幾種:
1.js方法最好在頁面載入完成後再運行,否則可能元素還沒載入所以找不到。
2.你用document.all.……來取元素,部分瀏覽器不支持
3.用元素ID來取,但頁面中存在ID相同的元素。
……
③ Js里怎麼在input框里禁止輸入某個文字
以下答案為純原生(vanilla javascript)方法,實際可以用react、vue之類的庫,通過數據綁定的方法實現這種功能。我用的是ECMAScript6的寫法,其中let, const關鍵字老版本IE可能不識別,可以全部換成var。
在varfir=document.getElementById("fir")語句後面加入
function inputHandler (e) {
e.target.value = e.target.value.replace(/不/g, '')
}
let _debounceTimerId
function debounce (f, ms) {
const self = this
return function() {
const args = arguments
_debounceTimerId && clearTimeout(_debounceTimerId)
_debounceTimerId = setTimeout(function() {
f.apply(self, args)
}, ms)
}
}
fir.addEventListener('input', debounce(inputHandler, 50))
解釋:
1、使用HTMLInputElement實例的input事件,該事件在每次鍵入後都會觸發
2、中文輸入法在單次鍵入後,會多次觸發input事件,兩次觸發間隔大概在1-2ms左右
3、為了防止多次觸發,需要使用debounce(不知道怎麼翻譯,暫且用數字電路的「限制抖動」的概念吧),我上面寫了一個我自己編的debounce函數,實際可以用現成的庫函數,比如Lodash的_.debounce()
4、debounce(inputHandler, 100) 會保證抖動結束100ms後,運行inputHandler中的語句把"不"字去除。
④ 如何用Javascript使文本輸入框變灰
JavaScript禁用文本框或者禁止文本框的輸入方法僅供參考:
方法1、設置文本框的ReadOnly選項
<input type="text" value="此處文本不可修改" readonly/>
在JavaScript中,可以使用以下代碼啟用或禁用問框框的輸入功能:
document.all.textInputID.readOnly = false;
採用這種方法的好處是在基於SSH(Struts + Spring + HIbernate)框架的設計中,我們能夠通過Form調用到該文本框。當然,其它方法也調用不到,本文結尾處將略作介紹。
方法2、設置文本框的Disable屬性
<input type="text" value="該文本框不可用" disabled/>
相應的JavaScript代碼如下:
document.all.textInputID.disabled = true;
方法3、在對象focus時立刻讓它blur,使它無法獲得焦點
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/>
提示:readonly和disabled的區別在於後者完全禁止與該對象的交互(表現為不可改寫、不可提交等),而readonly是可以提交的
⑤ js 禁止文本框輸入任何內容 有游標
<input type="text" name="t1" value="no input" onkeydown="return false;" />
⑥ JavaScript 通過兩個按鈕禁用/啟用文本框
<html>
<body>
<form name="f1">
<input type="text" name="t1" /><br />
<input type="button" value="啟用" onClick="document.f1.t1.disabled=false;" />
<input type="button" value="禁用" onClick="document.f1.t1.disabled=true;" />
</form>
</body>
</html>
⑦ 誰可以給一段JS給我,文本框禁止輸入空格、豆號、單引號(中英文符號)
<input onkeydown="if(event.keyCode==32||event.keyCode==188||event.keyCode==222){return false;}" />
:32
,:188
':222
不知道對應code是多少你可以<input onkeydown="alert(event.keyCode)" />在這個文本框中按鍵盤獲得
⑧ JS怎麼禁止文本框輸入文字
要禁止文本框輸入,那麼就是說這個文本框只能被讀即它應該有用readonly屬性。
readonly屬性是只讀屬性,表明當前的dom節點只能被讀取。
用js的方法得到這個文本框節點,然後添加readonly屬性,使其值等於="readonly"就可以了。
例如:
html
<inputid="aa"/>
js
varinput=document.getElementById("aa");
input.setAttribute("readonly","readonly");
以上就可以了
⑨ Js里文本框禁止輸入某個文字要怎麼寫,比如禁止輸入"文",這個要怎麼寫啊
可以在keyup等鍵盤事件內部進行判斷處理,遇到「文」字就對文本框重新賦值。
內部判斷的處理可以使用substr,substring,replace等方法。
⑩ javascript怎麼禁止在文本框中輸入
js禁止輸入文本有兩種寫法,如下:
1、<input type="text" name="name" value="xxx" disabled="true"/>
2、<input type="text" name="name" value="xxx" readonly="true"/>
這兩種寫法都會使顯示出來的文本框不能輸入文字,但disabled會使文本框變灰,而且通過request.getParameter("name")得不到文本框中的內容(如果有的話),
而readonly只是使文本框不能輸入,外觀沒有變化,而且通過request.getParameter("name")可以得到內容。