onkeyup事件停止onchange ajax事件触发
onkeyup事件停止onchange ajax事件触发
提问于 2011-03-23 14:29:43
因此，我在文本框的onchange事件上有一个AJAX调用，在onkeyup事件上有一个非常简单的掩码函数(向SSN添加破折号)。这两个函数本身都工作得很好，但是，如果掩码插入了一个破折号，然后我移出了文本框，onchange事件将不会触发。
有人知道为什么吗？我的猜测是，通过使用掩码函数更改值，文本框不再认为发生了任何更改。
谢谢
SSN: <input id="SSN" maxlength="11" size="8" onchange="validateSSN();" onkeyup="mask()">
<span id="SSNnote"></span>
<script type="text/javascript">
function validateSSN(){
var cfc = new myajax();
cfc.setCallbackHandler(function(AjaxResults) {UpdateValidationNotes('SSNnote', AjaxResults);});
cfc.ValidateSSN(document.getElementById("SSN").value);
}
function mask(){
var temp = document.getElementById("#WhichName#").value;
var e = window.event;
if (e.keyCode == 189){
document.getElementById("SSN").value = temp.substring(0,temp.length-1);
return false;
}
if ( temp.length == 3 || temp.length == 6)
if (e.keyCode != 8)
document.getElementById("SSN").value = document.getElementById("SSN").value + '-';
}回答 2
Stack Overflow用户
回答已采纳
发布于 2011-03-23 14:34:37
是的，你是对的，如果你使用javascript改变框的值，onchange将不会触发。因此，您需要在mask-function中手动调用validateSSN()。
Stack Overflow用户
发布于 2011-07-27 05:49:23
JavaScript函数：
<script type="text/javascript">
function mask(str, textbox, loc, delim) {
var locs = loc.split(',');
for (var i = 0; i <= locs.length; i++) {
for (var k = 0; k <= str.length; k++) {
if (k == locs[i]) {
if (str.substring(k, k + 1) != delim) {
str = str.substring(0, k) + delim + str.substring(k, str.length)
}
}
}
}
textbox.value = str
}
</script>在body标签中编写以下代码：
<label class="label">Social Security Number: *</label>
<input type="text" size="15" name="social_security_number" class="input"
id="txtsocial_security_number" runat="server"
onKeyUp="javascript:return mask(this.value,this,'3,6','-');"
onBlur="javascript:return mask(this.value,this,'3,6','-');" maxlength="11">这将导致以下格式: 797-97-9797
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5406777
复制
相似问题
复制dpdk pktgen为多个源地址读取的PCAP数据包
pktgen不能在ovs dpdk场景中发送数据包。
通过packetgen dpdk发送pcap
DPDK PktGen的构建问题
如何在dpdk-pktgen中发送大型帧
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
