HTML事件和javascript事件之间的区别

概述我们可以通过多种方式在 HTML元素上附加事件. 第一种方式是：HTML属性 <div id="foo" onclick="print2()> My event is attached as HTML attribute</div> 第二种方式是使用一些库(比如jQuery) <div id="bar"> My event is attached using jQuery </div><scri 我们可以通过多种方式在 HTML元素上附加事件.
第一种方式是：HTML属性

<div ID="foo" onclick="print2()> My event is attached as HTML attribute</div>

第二种方式是使用一些库(比如jquery)

<div ID="bar"> My event is attached using jquery </div><script>    $("#bar").click(function() {        alert("Hi this is bar");    }</script>

我之前认为jquery可能在内部将事件转换为相应的HTML属性,但这不会发生.检查这个http://jsfiddle.net/blunderboy/wp4RU/3/

我正在记录foo和bar的所有属性,并且看到bar没有onclick属性.
请解释.

解决方法 什么都没有叫做HTML事件！您描述的两种类型的事件是内联事件和不显眼的事件,都是JavaScript事件.

内联事件

当您在元素本身上声明JavaScript代码时,它将成为内联事件.你有一些常见的事件(作为HTML元素的属性),如onclick,onkeydown,onkeypress,onkeyup,以及所有这些事件都以on开头.一个这样的例子是：

<a href="#" onclick="alert('You clicked me!')">Click Me!</a>

不引人注目的事件

我们需要指定在触发事件时要执行的 *** 作. =符号始终在JavaScript中用于将右侧的值分配给左侧的方法或属性.

窗口不是我们可以附加事件的唯一对象.我们可以将事件附加到网页中的任何对象,前提是我们有一种唯一标识该对象的方法.识别对象的一种方法是给它一个ID并通过document.getElementByID(“ID_of_the_element”)引用它.

让我们采取相同的例子.

<a href="#" ID="clickme">Click Me!</a>

而不是onclick属性,我在同一个地方有一个ID,它唯一地标识HTML元素< a>.现在我可以通过这种方式在JavaScript中获取ID：

document.getElementByID('clickme');

为此,我可以附加一个事件处理程序,它与我们使用属性的方式没有太大区别.它只是没有在前面.在我们之前的示例中,我们使用了onclick,但现在我们将使用click.

document.getElementByID('clickme').click = functionname;

这里,functionname引用任何JavaScript的函数名称或匿名函数.因此,对于警报,如果我们创建一个名为alertme()的函数,我们可以这样定义：

function alertme(){    alert('You clicked me!');}

现在将函数附加到元素可以这样做：

document.getElementByID('clickme').click = alertme;

仍然感觉懒惰,你可以使用匿名函数方式,它没有名称：

document.getElementByID('clickme').click = function () {    alert('You clicked me!');}

希望你明白. :)让我知道进一步澄清.

总结

以上是内存溢出为你收集整理的HTML事件和javascript事件之间的区别全部内容，希望文章能够帮你解决HTML事件和javascript事件之间的区别所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。