你要么設(shè)置input只讀試下,input type="text" readonly /
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),瑞昌企業(yè)網(wǎng)站建設(shè),瑞昌品牌網(wǎng)站建設(shè),網(wǎng)站定制,瑞昌網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,瑞昌網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
或者我只能用腳本控制
如果用戶(hù)輸入,你直接監(jiān)聽(tīng)keyup,重新給文本框賦值,使其值保持不變。如果需要更多關(guān)于input屬性設(shè)置 請(qǐng)查看蝦米站長(zhǎng)。希望我的回答能幫助到你。
unlock.js插件具有以下特點(diǎn):
滑動(dòng)解鎖。
尺寸、顏色、字體大小等都可以個(gè)性化定制。
完成解鎖后會(huì)有回調(diào)函數(shù),用來(lái)觸發(fā)進(jìn)一步的數(shù)據(jù)處理。
如何使用
1.
首先在頁(yè)面中引入unlock.css和unlock.js文件。
link
href="css/unlock.css"
rel="external
nofollow"
rel="stylesheet"
script
src='js/unlock.js'/script
2.
然后布置簡(jiǎn)單的HTML的結(jié)構(gòu),使用一個(gè)div作為滑塊的容器。
!--滑塊容器--
div
id
=
"foo"/div
3.
最后初始化插件。在頁(yè)面DOM元素加載完畢之后,可以通過(guò)下面的方法來(lái)初始化該滑動(dòng)解鎖插件。
var
$container
=
$('#foo');
$container.slideToUnlock(options);
配置參數(shù)
unlock.js滑動(dòng)解鎖插件的配置參數(shù)有:
參數(shù)
默認(rèn)值
描述
width
默認(rèn)為容器的寬度
滑塊的寬度
height
默認(rèn)為容器的高度
滑塊的高度
bgColor
#E8E8E8
滑塊的背景顏色
progressColor
#FFE97F
progress的顏色
handleColor
#fff
滑塊手柄的顏色
succColor
#78D02E
成功解鎖后的顏色
text
'slide
to
unlock'
滑塊上的默認(rèn)文字
textColor
#000
文字的顏色
succText
'ok!'
成功解鎖后顯示的文字
succTextColor
#000
成功解鎖后顯示的文字顏色
succFunc
function()
{
alert('successfully
unlock!');
}
成功解鎖后的回調(diào)函數(shù)
更多有關(guān)unlock插件信息,請(qǐng)?jiān)L問(wèn)項(xiàng)目github地址為:
以上所述是小編給大家介紹的jQuery使用unlock.js插件實(shí)現(xiàn)滑動(dòng)解鎖思路詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
input?id=txt1?type=text?value="1234"/
input?id=txt2?type=text?value="5678"/
button?id=btnclick/button
script
window.onload=function(){
btn.onclick=function(){
document.onclick=function(){
txt1.focus();??//點(diǎn)擊頁(yè)面其他地方,光標(biāo)依然在txt1
}
txt1.focus();
}
}
/script
jquery獲取的id值并設(shè)置為不可點(diǎn)擊狀態(tài)思路如下:
1、定義dom對(duì)象,以div為例
div id="div1"測(cè)試用div/div
2、定義js方法完成不可點(diǎn)擊狀態(tài)的鎖定
var divObj = $("#div1") //獲取dom對(duì)象
divObj.attr("id","div0");//修改id的值
divObj.regClick=false //設(shè)置不可點(diǎn)擊
div
p1/p
p2/p
p3/p
p4/p
p5/p
/div
取倒數(shù)第二個(gè)p元素
$("div p").eq(-2)
jQuery:
jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架,是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)(或JavaScript框架)。jQuery設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫(xiě)更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡(jiǎn)便的JavaScript設(shè)計(jì)模式,優(yōu)化HTML文檔操作、事件處理、動(dòng)畫(huà)設(shè)計(jì)和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
語(yǔ)言特點(diǎn):
1.快速獲取文檔元素
jQuery的選擇機(jī)制構(gòu)建于Css的選擇器,它提供了快速查詢(xún)DOM文檔中元素的能力,而且大大強(qiáng)化了JavaScript中獲取頁(yè)面元素的方式。
2.提供漂亮的頁(yè)面動(dòng)態(tài)效果
jQuery中內(nèi)置了一系列的動(dòng)畫(huà)效果,可以開(kāi)發(fā)出非常漂亮的網(wǎng)頁(yè),許多網(wǎng)站都使用jQuery的內(nèi)置的效果,比如淡入淡出、元素移除等動(dòng)態(tài)特效。
3.創(chuàng)建AJAX無(wú)刷新網(wǎng)頁(yè)
AJAX是異步的JavaScript和ML的簡(jiǎn)稱(chēng),可以開(kāi)發(fā)出非常靈敏無(wú)刷新的網(wǎng)頁(yè),特別是開(kāi)發(fā)服務(wù)器端網(wǎng)頁(yè)時(shí),比如PHP網(wǎng)站,需要往返地與服務(wù)器通信,如果不使用AJAX,每次數(shù)據(jù)更新不得不重新刷新網(wǎng)頁(yè),而使用AJAX特效后,可以對(duì)頁(yè)面進(jìn)行局部刷新,提供動(dòng)態(tài)的效果。
4.提供對(duì)JavaScript語(yǔ)言的增強(qiáng)
jQuery提供了對(duì)基本JavaScript結(jié)構(gòu)的增強(qiáng),比如元素迭代和數(shù)組處理等操作。
5.增強(qiáng)的事件處理
jQuery提供了各種頁(yè)面事件,它可以避免程序員在HTML中添加太事件處理代碼,最重要的是,它的事件處理器消除了各種瀏覽器兼容性問(wèn)題。
6.更改網(wǎng)頁(yè)內(nèi)容
jQuery可以修改網(wǎng)頁(yè)中的內(nèi)容,比如更改網(wǎng)頁(yè)的文本、插入或者翻轉(zhuǎn)網(wǎng)頁(yè)圖像,jQuery簡(jiǎn)化了原本使用JavaScript代碼需要處理的方式。