关于iso不兼容input框设置readonly属性后

苹果设备,对于输入框设置了readonly属性以后,还是会有光标显示。可以在input\textarea
设置了readonly属性后,在script中增加:
$(‘input[readonly]‘).on(‘focus‘, function() {
$(this).trigger(‘blur‘);
});
就不在显示光标了。
动态生成元素的点击事件$(document).on("click",‘.class1,.class2,...‘,function(){})或$(‘.class1,.class2,...‘).on(‘click‘,function(){}),在苹果设备上类似P标签,span标签等点击无效,只需要在标签上增加CSS样式cursor: pointer,点击事件即可生效。

原文地址:http://blog.51cto.com/19951995/2065345

时间: 2024-10-11 14:43:48

关于iso不兼容input框设置readonly属性后的相关文章

js 控制 input标签的 readonly属性

input 标签的 readonly 属性   $('#id').attr("readonly","readonly")//将input元素设置为readonly   $('#id').removeAttr("readonly");//去除input元素的readonly属性     if($('#id').attr("readonly")==true)//判断input元素是否已经设置了readonly属性 本人喜欢如下方法

使用js设置input标签只读 readonly 属性

先上代码: <html> <head> <title> test </title> <meta charset="utf-8"> </head> <script language="JavaScript"> function setReadonly() { //document.getElementById("test").setAttribute("r

&lt;input&gt;标签的readonly属性

readonly属性的定义和用法: 此属性只能在<input type="text">或<input type="password">中使用,能够将它们设置为只读. 被设置为只读的字段不能够被修改,但是可以复制和被tab键切换到. 语法结构: <input readonly="value"> 属性值列表: 属性值 描述 readonly 将字段设置为只读. 浏览器支持: IE浏览器支持此属性. 火狐浏览器支持此

javascript 设置input框只读属性 获取disabled后的值并传给后台

input只读属性 有两种方式可以实现input的只读效果:disabled 和 readonly. 自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同. Disabled说明该input无效,及其value不会传递给任何程序,比如asp.php等.Readonly仅仅是无法编辑,不影响其值的传递. Disabled使用:<INPUT type="text" name="username" value="james"disabled

input 框设置placeholder文字的颜色

input::-webkit-input-placeholder{ color:#999999; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; } input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999999; } input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ c

input框改变type属性

1.HTML部分 <input name="password" type="password" id="pass" placeholder="密码"/> <button>显示密码</button> 2.JS部分 $('button').on('click',function(){ //必须用原生JS var pass = document.getElementById('pass'); if

ListView嵌套ScrollView后,设置dividerHeight属性后高度计算

当我们需要在listView外层嵌套ScrollView,这样两个scroll滚动效果会产生相互影响,为了避免这个,我们通常是禁止listView滚动, 把ListView总高度计算出来,完全显示. 计算listView的总高度只需要自定义一个mylistView继承listView,重写onMeasure(...)方法就搞定了. @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { i

元素设置float属性后,其后面的元素的位置问题

分两种情况: .content{ width:350px; height:150px; color:#fff; } .content1,.content2{ background-color: #00f; } .content2{ margin-top:10px; } .one{ background-color:#f00; float: left; } .two{ background-color: #3dfeca; } .content1 .one, .content2 .one{ heig

.NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法

.NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法 当TextBox设置了ReadOnly=true后要是在前台为控件添加了值,后台是取不到的,值为空,多么郁闷的一个问题经过尝试,发现可以通过如下的方式解决这个问题.感兴趣的朋友可以了解下 当TextBox设置了ReadOnly="true" 后,要是在前台为控件添加了值,后台是取不到的,值为“空” 原理没想通,说不清楚微软是出于什么考虑的,不过有时是要我们能通过前台脚本来填充值,并不希望用户修改其控件内