Javascript更新功能如果还有其他问题

Question

在我正在制作的网站的脚本中，我有一个随鼠标移动而更新的功能，并相应地更改内容。如果鼠标的xValue和yValue处于某些位置，我会将它添加到div（使用innerHTML）。但是，我遇到了两个主要问题。

首先，它不接受多个命令。也就是说，我只希望添加文本，如果它在某些xValues内且小于某个yValue，例如：

    if (480 < xVal < 500 && yVal < 100) {mytextdiv.innerHTML = 'Add my text here';};

我也试过这个，但它也不起作用。

    if (xVal < 500 && xVal > 480 && yVal < 100) {mytextdiv.innerHTML = 'Add my text here';};

第二个问题是我的'else'条款导致整个事情根本不起作用。它停止注册鼠标中的更改。正如您在下面的示例中所看到的，即使我将if函数更改为只有一个子句，它仍然无效。

    if (xVal > 480) {mytextdiv.innerHTML = 'Add my text here';};
    else {mytextdiv.innerHTML = '';};

关于这两种情况中可能出现什么问题的任何想法？如果有帮助，很高兴为JSFiddle提供更多代码。

提前致谢， 贾罗德

Answer 1

试试这个：

if ((xVal < 500) && (xVal > 480) && (yVal < 100)) {mytextdiv.innerHTML = 'Add my text here';}

if-else不起作用，因为你放了一个＆＃34 ;;＆＃34;在＆＃34;}＆＃34;之后， 试试这个：

if (xVal > 480) {mytextdiv.innerHTML = 'Add my text here';}
    else {mytextdiv.innerHTML = '';}