在Javascript中作为字符串添加的整数

Integers adding as strings in Javascript

本文关键字:添加 整数 字符串 Javascript      更新时间:2024-06-15

我有两个文本字段imageWidth和imageHeight。。。我想从他们那里获得输入,添加当前鼠标光标位置,然后做一些事情:

x = e.pageX - canvas.offsetLeft;
y = e.pageY - canvas.offsetTop;
var wWidth = document.getElementById('imageWidth').value;  
var wHeight = document.getElementById('imageHeight').value;
var b = x + wWidth;
alert(b);
if(x+wWidth < 800 && y+wHeight < 1560)
{
//some work here
}

所以如果用户输入400的宽度are,x返回151…b的值将是151400…而我希望它是551,循环才能正常工作。。。

您应该阅读MDN 上的parseInt()方法-->parseInt()

这应该有效:

x = e.pageX - canvas.offsetLeft;
y = e.pageY - canvas.offsetTop;
var wWidth = document.getElementById('imageWidth').value;  
var wHeight = document.getElementById('imageHeight').value;
var x1 = parseInt(x, 10) + parseInt(wWidth, 10);
var y1 = parseInt(y, 10) + parseInt(wHeight, 10);
if(x1 < 800 && y1 < 1560)
{
    //some work here
}

Javascript是一种具有隐式类型的语言。这意味着当你想做数学时,你必须告诉它事物的类型。您的代码只是告诉它连接字符串,因此您看到的结果。

试试这个:

x = e.pageX - canvas.offsetLeft;
y = e.pageY - canvas.offsetTop;
var wWidth = document.getElementById('imageWidth').value;  
var wHeight = document.getElementById('imageHeight').value;
var b = parseInt(x, 10) + parseInt(wWidth, 10);
alert(b);
if(x+wWidth < 800 && y+wHeight < 1560)
{
//some work here
}