blocks|key|978365|text|.onclick应设置为函数，而不是字符串。试一试|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|978366|elemm.onclick+=+function()+{+alert('blah');+};|code-block|syntax|javascript|978367|而不是。|978368|entityMap^0|0|8|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<code>.onclick</code> should be set to a function instead of a string. Try

<pre><code>elemm.onclick = function() { alert('blah'); };
</code></pre>

instead.

blocks|key|978391|text|不确定，但试一试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|978392|elemm.addEventListener('click',+function(){+alert('blah');},+false);|code-block|syntax|javascript|978393|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Not sure but try :

<pre><code>elemm.addEventListener('click', function(){ alert('blah');}, false);
</code></pre>

blocks|key|978452|text|您不能按字符串分配事件。使用这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|978453|elemm.onclick+=+function(){+alert('blah');+};|code-block|syntax|javascript|978454|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can't assign an event by string. Use that:

<pre><code>elemm.onclick = function(){ alert('blah'); };
</code></pre>

blocks|key|1192799|text|简而言之:您希望将处理程序设置为一个函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1192800|elemm.onclick+=+function()+{+alert('blah');+};|code-block|syntax|javascript|1192801|稍微长一点的答案:你必须多写几行代码才能让它在不同的浏览器上一致地工作。|1192802|事实是，即使是可能在一组常见浏览器中解决该特定问题的冗长代码，也会有其自身的问题。因此，如果你不关心跨浏览器的支持，那就使用完全简短的吧。如果你关心它，并且绝对只想让这一件事工作，那就使用addEventListener和attachEvent的组合。如果您希望能够在整个代码中广泛创建对象并添加和删除事件侦听器，并且希望跨浏览器工作，那么您肯定希望将该职责委托给诸如jQuery之类的库。|offset|length|style|CODE|1192803|entityMap^0|0|0|0|2M|G|33|B|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]|$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

Short answer: you want to set the handler to a function:

<pre><code>elemm.onclick = function() { alert('blah'); };
</code></pre>

Slightly longer answer: you'll have to write a few more lines of code to get that to work consistently across browsers.

The fact is that even the sligthly-longer-code that might solve that particular problem across a set of common browsers will still come with problems of its own. So if you don't care about cross-browser support, go with the totally short one. If you care about it and absolutely only want to get this one single thing working, go with a combination of <code>addEventListener</code> and <code>attachEvent</code>. If you want to be able to extensively create objects and add and remove event listeners throughout your code, and want that to work across browsers, you definitely want to delegate that responsibility to a library such as jQuery.

blocks|key|1192874|text|我不认为你可以这样做。您应该使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1192875|void+addEventListener(+
++in+DOMString+type,+
++in+EventListener+listener,+
++in+boolean+useCapture+
);+|code-block|syntax|javascript|1192876|文档right+here。|offset|length|1192877|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/DOM/element.addEventListener^0|0|0|2|A|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I don't think you can do that this way. You should use :

<pre><code>void addEventListener( 
 in DOMString type, 
 in EventListener listener, 
 in boolean useCapture 
); 
</code></pre>

Documentation <a href="https://developer.mozilla.org/en/DOM/element.addEventListener" rel="nofollow noreferrer">right here</a>.

blocks|key|1192937|text|你有三个不同的问题。首先，HTML标记中的值应该加引号！不这样做可能会混淆浏览器，并可能造成一些麻烦(尽管这里可能不是这样)。其次，您实际上应该为onclick变量分配一个函数，就像其他人所说的那样。这不仅是正确的方法，而且如果您试图在onclick函数中使用局部变量，它会使事情变得简单得多。最后，您可以尝试addEventListener或jQuery，jQuery具有界面更好的优势。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1192938|哦，还要确保你的HTML是有效的！这可能是一个问题。|1192939|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

You have three different problems. First of all, values in HTML tags should be quoted! Not doing this can confuse the browser, and may cause some troubles (although it is likely not the case here). Second, you should actually assign a function to the onclick variable, as someone else meantioned. Not only is this the proper way to do it going forward, but it makes things much simpler if you are trying to use local variables in the onclick function. Finally, you can try either addEventListener or jQuery, jQuery has the advantage of a nicer interface.

Oh, and make sure your HTML validates! That could be an issue.

blocks|key|1192965|text|您还可以设置属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1192966|elem.setAttribute("onclick","alert('blah');");|code-block|syntax|javascript|1192967|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can also set attribute:

<pre><code>elem.setAttribute("onclick","alert('blah');");
</code></pre>

blocks|key|1192997|text|JQuery：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1192998|elemm.attr("onclick",+"yourFunction(this)");|code-block|syntax|javascript|1192999|或者：|1193000|elemm.attr("onclick",+"alert('Hi!')");|1193001|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

JQuery:

<pre><code>elemm.attr("onclick", "yourFunction(this)");
</code></pre>

or:

<pre><code>elemm.attr("onclick", "alert('Hi!')");
</code></pre>

blocks|key|978824|text|不知道为什么，但es5/6语法不起作用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|978825|elem.onclick+=+(ev)+=>+{console.log(this);}不工作|offset|length|style|CODE|978826|elem.onclick+=+function(ev)+{console.log(this);}工作|978827|entityMap^0|0|0|17|0|0|1C|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|K|$]]

cant say why, but the es5/6 syntax doesnt work

<code>elem.onclick = (ev) =&gt; {console.log(this);}</code> not working

<code>elem.onclick = function(ev) {console.log(this);}</code> working

I have been trying to add onclick event to new elements I added with JavaScript.

The problem is when I check document.body.innerHTML I can actually see the onclick=alert('blah') is added to the new element.

But when I click that element I don't see the alert box is working. In fact anything related to JavaScript is not working..

here is what I use to add new element:

<pre><code>function add_img() { 
 var elemm = document.createElement('rvml:image'); 
 elemm.src = 'blah.png';
 elemm.className = 'rvml';
 elemm.onclick = "alert('blah')";
 document.body.appendChild(elemm);
 elemm.id = "gogo";
 elemm.style.position='absolute';
 elemm.style.width=55;
 elemm.style.height=55;
 elemm.style.top=200;
 elemm.style.left=300;
 elemm.style.rotation=200; 
}
</code></pre>

Here is how I call this function:

<pre><code>&lt;button onclick=add_img()&gt;add image&lt;/button&gt;
</code></pre>

Now the image draws perfectly inside the browser. But when I click the image I don't get that alert.

Add onclick event to newly added element in JavaScript

jQuery

我一直在尝试将onclick事件添加到我用JavaScript添加的新元素中。问题是，当我检查document.body.innerHTML时，我实际上可以看到onclick=alert('blah')被添加到新元素中。但是当我单击该元素时，我看不到警告框正在工作。事实上，任何与JavaScript相关的东西都不起作用...

问将onclick事件添加到JavaScript中新添加的元素
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将onclick事件添加到JavaScript中新添加的元素EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将onclick事件添加到JavaScript中新添加的元素
EN