gpt4 book ai didi

javascript - 如何使用 jQuery 从输入字段获取值宽度?

转载 作者:行者123 更新时间:2023-11-30 15:12:17 24 4
gpt4 key购买 nike

在此示例中,我想在输入值宽度或光标越过输入宽度时显示警报。如何使用 jQuery 从输入字段获取值宽度而不是值长度?

$('.value_width').text($('.input').val().length); //this is just length of value but not value width
$('.input_width').text($('.input').width());

$('.input').keyup(function(){
$('.value_width').text($(this).val().length); //this is just length of value but not value width
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="input" name="" value="Example Text" />
<p/>
Value width : <span class="value_width"></span>
<br/>
Input width : <span class="input_width"></span>

最佳答案

你可以这样检查

$('.value_width').text($('.input').val().length);
$('.input_width').text($('.input').width());

$('.input').keyup(function(){
$('.value_width').text($(this).val().length);
if(22<=$(this).val().length){
alert('length filled');
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="input" name="" value="Example Text" />
<p/>
Value width : <span class="value_width"></span>
<br/>
Input width : <span class="input_width"></span>

关于javascript - 如何使用 jQuery 从输入字段获取值宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44942703/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com