十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
你要么设置input只读试下,input type="text" readonly /
创新互联是一家集网站建设,瑞昌企业网站建设,瑞昌品牌网站建设,网站定制,瑞昌网站建设报价,网络营销,网络优化,瑞昌网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
或者我只能用脚本控制
如果用户输入,你直接监听keyup,重新给文本框赋值,使其值保持不变。如果需要更多关于input属性设置 请查看虾米站长。希望我的回答能帮助到你。
unlock.js插件具有以下特点:
滑动解锁。
尺寸、颜色、字体大小等都可以个性化定制。
完成解锁后会有回调函数,用来触发进一步的数据处理。
如何使用
1.
首先在页面中引入unlock.css和unlock.js文件。
link
href="css/unlock.css"
rel="external
nofollow"
rel="stylesheet"
script
src='js/unlock.js'/script
2.
然后布置简单的HTML的结构,使用一个div作为滑块的容器。
!--滑块容器--
div
id
=
"foo"/div
3.
最后初始化插件。在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该滑动解锁插件。
var
$container
=
$('#foo');
$container.slideToUnlock(options);
配置参数
unlock.js滑动解锁插件的配置参数有:
参数
默认值
描述
width
默认为容器的宽度
滑块的宽度
height
默认为容器的高度
滑块的高度
bgColor
#E8E8E8
滑块的背景颜色
progressColor
#FFE97F
progress的颜色
handleColor
#fff
滑块手柄的颜色
succColor
#78D02E
成功解锁后的颜色
text
'slide
to
unlock'
滑块上的默认文字
textColor
#000
文字的颜色
succText
'ok!'
成功解锁后显示的文字
succTextColor
#000
成功解锁后显示的文字颜色
succFunc
function()
{
alert('successfully
unlock!');
}
成功解锁后的回调函数
更多有关unlock插件信息,请访问项目github地址为:
以上所述是小编给大家介绍的jQuery使用unlock.js插件实现滑动解锁思路详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
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(); //点击页面其他地方,光标依然在txt1
}
txt1.focus();
}
}
/script
jquery获取的id值并设置为不可点击状态思路如下:
1、定义dom对象,以div为例
div id="div1"测试用div/div
2、定义js方法完成不可点击状态的锁定
var divObj = $("#div1") //获取dom对象
divObj.attr("id","div0");//修改id的值
divObj.regClick=false //设置不可点击
div
p1/p
p2/p
p3/p
p4/p
p5/p
/div
取倒数第二个p元素
$("div p").eq(-2)
jQuery:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
语言特点:
1.快速获取文档元素
jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
2.提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。
3.创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。
4.提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。
5.增强的事件处理
jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。
6.更改网页内容
jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。