首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用(+)键的按键功能不起作用

使用(+)键的按键功能不起作用
EN

Stack Overflow用户
提问于 2018-05-08 16:44:47
回答 2查看 42关注 0票数 0

我在jquery中的按键功能有一个问题。我不知道为什么按键功能不起作用。我用的是钥匙的正确代码。在我的函数中有2个代码,包含2个事件键,一个是(+)代码107,另一个是(回车)代码13。回车功能运行良好,但回车代码(+)甚至没有运行或工作。

也许有人能帮我这个忙?这是我的代码

代码语言:javascript
运行
复制
$(document).ready(function(){
    var result=0;
	$(document).keypress(function(e) {
    if(e.which == 107) {
        result=result+parseInt($('#date_awal').val());
     $('#date_awal').val("");
    }
	});
	$(document).keypress(function(e) {
    if(e.which == 13) {
        result=result+parseInt($('#date_awal').val());
     alert("result is "+result); 
    }
	});
});
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<input type="text" class="form-group" id="date_awal" name="date_awal" />

EN

回答 2

Stack Overflow用户

发布于 2018-05-08 16:49:22

只使用一个event并使用if条件来匹配keyocde,我认为(+)的keycode是43。

代码语言:javascript
运行
复制
$(document).ready(function() {
    var result = 0;
    $(document).keypress(function(e) {
        console.log(e.which);
        if (e.which == 43 ) {
            result = result + parseInt($('#date_awal').val());
            $('#date_awal').val("");
        }
        if (e.which == 13) {
            result = result + parseInt($('#date_awal').val());
            alert("result is " + result);
        }
    });
});
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<input type="text" class="form-group" id="date_awal" name="date_awal" />

票数 1
EN

Stack Overflow用户

发布于 2018-05-08 17:25:25

代码语言:javascript
运行
复制
var result=0;
$('#date_awal').keypress(function(e) {
    if(e.which == 43) {
        result=result+parseInt($(this).val());
     		$('#date_awal').val("");
        e.preventDefault();        
    }
    else if(e.which == 13) {
        result=result+parseInt($(this).val()==''?0:$(this).val());
        alert(result);
    }
});
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<input type="text" class="form-group" id="date_awal" name="date_awal" />

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50229506

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档