>웹 프론트엔드 >JS 튜토리얼 >js는 클릭 이벤트 구현을 시뮬레이션합니다. code_javascript 기술

js는 클릭 이벤트 구현을 시뮬레이션합니다. code_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:48:382360검색

html:

复制代码 代码如下:

请单击“提交”,测试提交按钮的单击事件也被触发了。








Javscript:

复制代码 代码如下:



经过测试,IE,FF,Chrome,Opera,Safari都没有问题,均可正常提交表单。

但在实际的设计中,为了让提交按钮更好看,buildder经常把它们用a标签来处理,加个背景图片来模拟按钮,我们仍然用上面的思路来尝试,增加一个a标签,让它来提交表单,我们仅修改html。

Html:
复制代码 代码如下:

请单击“提交”,测试提交按钮的单击事件也被触发了。






模拟提交按钮


javascript:

复制代码 代码如下:




运行后,问题出现了,IE、FF、Opera均OK,但Chrome和Safari不能正常运行,后来网上搜索了下,发现a标签并不是和按钮一样有onclick()事件的,解决办法是针对 IE 和 FF编写不同的逻辑,JS代码如下:
javascript:
复制代码 代码如下:



至此,问题解决,虽然这个问题很简单,但很容易被大家忽略,贴出来和大家一起分享。

语法: 
createEvent(eventType)

参数 描述
eventType 想获取的 Event 对象的事件模块名。关于有效的事件类型列表,请参阅”说明”部分。

반환값

지정된 유형으로 새로 생성된 이벤트 개체를 반환합니다.

던지기

구현이 필수 이벤트 유형을 지원하는 경우 이 메소드는 NOT_SUPPORTED_ERR 코드와 함께 DOMException 예외를 발생시킵니다.

설명

이 메소드는 eventType 매개변수로 지정되는 새로운 이벤트 유형을 생성합니다. 이 매개변수의 값은 생성될 이벤트 인터페이스의 이름이 아니라 해당 인터페이스를 정의하는 DOM 모듈의 이름입니다.

다음 표에는 eventType의 유효한 값과 각 값에 의해 생성되는 이벤트 인터페이스가 나열되어 있습니다.

参数 事件接口 初始化方法
HTMLEvents HTMLEvent iniEvent()
MouseEvents MouseEvent iniMouseEvent()
UIEvents UIEvent iniUIEvent()
매개변수

이벤트 인터페이스

초기화 방법
HTML이벤트 HTML이벤트 iniEvent()
마우스 이벤트 MouseEvent iniMouseEvent()
UIEvents UIEvent iniUIEvent()

이 방법으로 Event 객체를 생성한 후에는 위 표의 초기화 방법을 사용하여 객체를 초기화해야 합니다. 초기화 방법에 대한 자세한 내용은 이벤트 객체 참조를 확인하세요. 이 메소드는 실제로 Document 인터페이스가 아니라 DocumentEvent 인터페이스에 의해 정의됩니다. 구현이 Event 모듈을 지원하는 경우 Document 객체는 DocumentEvent 인터페이스를 구현하고 이 메서드를 지원합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.