Question

我刚学会了如何在HTML和JavaSctipt中创建这个多状态按钮（你可以称我为n00b）。我一直在努力学习和采用其他提出类似问题的人，但是我想问一下我是否正确地做了这个。

下面是我的HTML，你可以告诉我，当点击按钮时这是否会正确执行python代码并继续执行脚本，直到按钮不再被点击（保持）？

如果你很好奇，这就是我在Raspberry Pi上托管的网页的开头，它将与webiopi一起用于控制中继板。以下代码用于控制单个按钮（更多按钮）。

function changeImage() {
  document.images["gabe-up"].src = "assets/up-over.png";
  return true;
}

function changeImageBack() {
  document.images["gabe-up"].src = "assets/up.png";
  return true;
}

function handleMDown() {
  document.images["gabe-up"].src = "assets/up-pressed.png";
  $.ajax({
    url: 'python/gabe-up.py',
    success: loadDataSuccess,
    error: loadError
  });
  return true;
}

function handleMUp() {
  changeImage();
  return true;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="css/style.css" <title>Desk Control</title>
</head>

<body>

  <a href="#" onMouseOver="return changeImage()" onMouseOut="return changeImageBack()" onMouseDown="return handleMDown()" onMouseUp="return handleMUp()">
    <img name="gabe-up" src="assets/up.png" width="110" height="110" border="0" alt="Gabe Up">
  </a>


  </div>
</body>

</html>

谢谢！

克里斯

从JavaScript按钮

0 个答案: