如何禁止input还有文本域 获取焦点

如何禁止input还有文本域 获取焦点,第1张

建议用JQ代码来实现

<script src="//ajaxgoogleapiscom/ajax/libs/jquery/183/jqueryminjs"></script>

<script type="text/javascript">

$(document)ready(function(){

$(":text")attr("readonly","readonly");

$(":text")foucs(function(){

$(this)blur();

});

});

因为当文本域只读时,在部分浏览器中是不能获取焦点的,所以感觉$(":text")foucs(function(){有点多余。

这儿只给一个文本域只读的例子

如果还要添加其它的,比如密码域,可以把$(":text")修改为$(":text,:password")

是不是很简单

当然你也可以直接在input或其它文本域中写入,比如

<input type="text" readonly="readonly"></input>

MSDN上的例子, 例子中有4 个TextBox:

private void Page_Load(object sender, SystemEventArgs e)

{

Focus = "TextBox1";

ControlType = "TextArea";

}

#region Web Form Designer generated code

override protected void OnInit(EventArgs e)

{

InitializeComponent();

baseOnInit(e);

}

private void InitializeComponent()

{

thisTextBox1TextChanged += new SystemEventHandler(thisTextBox1_TextChanged);

thisTextBox2TextChanged += new SystemEventHandler(thisTextBox2_TextChanged);

thisTextBox3TextChanged += new SystemEventHandler(thisTextBox3_TextChanged);

thisLoad += new SystemEventHandler(thisPage_Load);

}

#endregion

private void TextBox1_TextChanged(object sender, SystemEventArgs e)

{

Focus = "TextBox2";

ControlType = "TextArea";

}

private void TextBox2_TextChanged(object sender, SystemEventArgs e)

{

Focus = "TextBox3";

ControlType = "TextArea";

}

private void TextBox3_TextChanged(object sender, SystemEventArgs e)

{

Focus = "Button1";

ControlType = "Button";

}

一般 做法 就是强制现在50个字符啊,超过就不能输入了

仅供参考

function strLenCalc(obj, checklen, maxlen) {

var v = objval(), charlen = 0, maxlen = !maxlen 2000 : maxlen, curlen = maxlen, len = vlength;

if(v !='')

$('#sub')trigger('click');

for(var i = 0; i < vlength; i++) {

if(vcharCodeAt(i) < 0 || vcharCodeAt(i) > 255) {

curlen -= 1;

}

}

if(curlen >= len) {

$("#"+checklen)html("还可输入 <strong class=\"lans\">"+Mathfloor((curlen-len)/2)+"</strong> 个字")css('color', '');

$("#subBtn")removeAttr("disabled");

} else {

$("#"+checklen)html("已经超过 <strong class=\"lans\">"+Mathceil((len-curlen)/2)+"</strong> 个字")css('color', '#FF0000');

$("#subBtn")attr("disabled", "disabled");

}

}

解决微信小程序怎样设置textarea文本域输入的步骤如下:

1第一步,打开微信小程序开发工具,在指定的wxml文件中插入一个textarea组件,设置最大长度、失去焦点事件等。

2第二步,在界面对应的JavaScript文件,添加失去焦点事件,并获取文本域文字内容

3第三步,接着保存代码并在模拟器中预览界面显示效果,可以看到一个文本域。

4第四步,在文本域组件中输入相应的文字内容,尽可能输入多的内容。

5第五步,接着在浏览器的控制台下方,查看打印的结果值,跟文本域中的一致。

6第六步,最后再输入其他的文字内容,由于限制了文本域的最大输入长度,边输入边查看结果。这样就解决了微信小程序怎样设置textarea文本域输入的问题了。

以上就是关于如何禁止input还有文本域 获取焦点全部的内容,包括:如何禁止input还有文本域 获取焦点、.net中TextBox文本框焦点定位的问题。。急,在线等。。、HTML textarea失去焦点事件中,如果内容超过了50个字符,只留下前面50个字符 js怎等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10148183.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存