Question

如果用户点击指定div元素内的任何位置，我尝试更改img。什么都没发生，我知道一定有什么不对。

到目前为止我有这个

＆＃13;

Line 1 -192
Line 2 -307
Line 3 -178

＆＃13;

awk -F, '
 NR != 1 {                        # Skip first record
   print "Line", NR-1, \          # Print the output using the data from 
     (l-$12-$13-$14-$15-$16-$17)  # the last record
 }
 {l=($4+$5-$6-$7-$8-$9-$10-$11)}  # Store this for later
 END {print "Line", NR, l}        # Specific case for last record
' /tmp/sample.csv                 # filename

＆＃13;

Answer 1

不确定我是否正确做你想做的事。你可以在这里看到一个有效的代码：

您的代码中存在一些拼写错误，但错过了if条件的括号

var demo = document.getElementById('demo');
demo.addEventListener('click', myFunction, false);

function myFunction() {

  if (document.getElementById("demo") === document.activeElement) {
    document.getElementById('pic1').src = 'https://pbs.twimg.com/profile_images/701853789855346689/iKxIyGkO.png';
  } else {
    document.getElementById('pic1').src = 'https://screenshots.fr.sftcdn.net/fr/scrn/76000/76818/microsoft-small-basic-22.jpg';
  }
}

<div style="border-style: solid;height:20px;" id="demo"></div>

<img id="pic1" src="https://pbs.twimg.com/profile_images/688766010837446657/2DgfpAQ6.png">

Answer 2

请检查其他部分。您在d

中缺少ocument.getElementById('pic1').src个文档

Answer 3

if评估的条件必须在括号内，并且后面不应有分号：

if (document.getElementById("demo").hasFocus)
{ // do something }

这是你需要改变的第一件事，因为这甚至不是有效的javascript。分号表示声明的结束。

修复之后，你说在div上必须有一个click事件处理程序。默认情况下，Div不是“可聚焦的”，您需要将其tabindex属性设置为1。

此外，如果您想对点击做出反应，则必须添加事件监听器！

someHTMLElement.addEventListener('click', function_to_execute_onclick)

或者，只有在聚焦div时才需要对click事件做出反应？

编辑：好吧，你只需要一个按钮！

<img id = "pic">
<button id = 'play'>Play</button>

和JS：

const img = document.getElementById('pic');

function changePicture ()
{ img.src = 'some/pic.jpg'
  // do more stuff on click.
}

document.getElementById('play')
        .addEventListener('click', changePicture);

获得焦点的问题

3 个答案: