点击它时我的按钮什么都不做

时间:2017-03-02 01:04:58

标签: javascript jquery html5 button loading

我有一个按钮

<script>
function changeMap() {
 container.setMap(oMap); 
}   
</script>
<button onClick="changeMap"> Click here </button>

容器的内容是正确的。它有一个控制。 设置的Map属性存在于我在控制台中看到的内容。

当页面加载完全正确时。但是当我点击按钮时,属性没有设置或者页面内容没有改变。

我需要加载其他方式吗?提前谢谢你:)

2 个答案:

答案 0 :(得分:0)

将您的HTML更改为:

<button  onclick="changeMap()">Click here</button>

答案 1 :(得分:0)

该属性名为onclick而不是onClick显然,html属性完全不区分大小写,因此两者都有效。

但是,您还需要在函数名称后面加括号。

<button onclick="changeMap(event)">Click Here</button>

这里event是一个浏览器全局,允许我们将事件传递给处理程序。在您的情况下,您没有使用该事件,因此没有必要。

另请注意,如果您在javascript中添加活动,则不会使用括号。

我已经提供了三种不同方法的演示,可以将点击处理程序添加到下面的按钮中。

&#13;
&#13;
function log(message){
   var line = document.createElement('div');
   var text = document.createTextNode(message);
   line.appendChild(text);
   messages.appendChild(line);
}

function handleClick(e){
   log("Click from " + e.target.id);
}

// add an event listener to b2
b3.onclick = handleClick;

// add an event listener to b3
b4.addEventListener('click', handleClick);
&#13;
<button onclick="handleClick(event);" id="b1" >Button 1</button>
<button onClick="handleClick(event);" id="b2" >Button 2</button>
<button id="b3">Button 3</button>
<button id="b4">Button 4</button>

<div id="messages">
</div>
&#13;
&#13;
&#13;