function test ( ) { var is = event . currentTarget ; console . log ( $ ( is ) ) ; //获取当前元素，类同this 返回绑定事件的元素 console . log ( event . target ) ; //返回触发事件的元素 console . log ( event . target . nodeName ) //获取事件触发元素标签name console . log ( event . target . className ) //获取事件触发元素classname console . log ( event . target . innerHTML ) //获取事件触发元素的内容 console . log ( event . target . id ) //获取事件触发元素id console . log ( event . currentTarget . nodeName ) //获取事件绑定元素标签name console . log ( event . currentTarget . className ) //获取事件绑定元素classname console . log ( event . currentTarget . innerHTML ) //获取事件绑定元素的内容 console . log ( event . currentTarget . id ) //获取事件绑定元素id < / script >

例子如下：

		<button id="btn" onclick="click()">点我</button>
		let btn = document.getElementById("btn");
        // 第一种 绑定点击事件
        btn.onclick = function(){
            alert("这是第一种点击");
        // 第二种 监听点击事件
        btn.addEventListener('click', function(){
            alert("这是第二种点击");
        // 第三种 通过方法响应点击事件
        function click(){
            alert("这是第三种点击");
获取点击事件的内容
 
		<div class="site-demo-util" id ="sss" οnclick="cli(this)">点我</div>
		<li v-on:click="say('hello!', $event)">点击当前行文本</li>
		function cli(event){
			console.log(enent) 
           alert(event.id)//这边就会弹出sss
        function say(msg, event){
			//获取点击对象      
           var el = event.currentTarget;
           alert("当前对象的内容："+el.innerHTML);
		//方法二
		$(function(){
			$(".site-demo-util").on("click",function(event){
				alert(event.target.id)
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="jquery-3.4.1.min.js"></script>
		<script>
			function test(){
				alert("js事件")
				
如何获取事件源及触发该事件的对象，方法有很多，js中可以通过event来实现，下面有个不错的示例，感兴趣的朋友可以参考下
某Html元素有onclick方法：onclick='return myfunction(event)'
代码如下:
function myfunction(event) { 
event = event ? event : window.event; 
var ob
<div ref="cell" style="width: 75px;" @click="downloadData(items.filePath)"  @mouseenter="mouseEnter(items.filePath,$event)" @mouseleave="mouseLeave($event)">
                    {{items.value}}
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Do
btnObj.click()是真正地用程序去点击按钮，触发了按钮的onclick（）事件
btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法，只是调用方法而已，并未触发事件
                    CSDN-Ada助手: 
                    恭喜你第19篇博客的发布！标题“docx-preview在vue内的使用”非常吸引人。我很高兴看到你持续创作，并分享有关在Vue中使用docx-preview的经验。在这篇博客中，你给读者提供了宝贵的知识和技巧。
接下来，我想提供一些建议给你。考虑到你对Vue有深入的了解，我建议你可以在未来的博客中探索更多与Vue相关的主题。比如，你可以分享更多Vue插件或组件的使用经验，或者深入研究Vue框架的某些特性。
我相信你的创作才华会继续迸发，期待你在未来的博客中展示更多精彩的内容。谦虚地说，我非常期待你的下一篇博客！继续加油！
                TinyMCE在vue中的使用
                    CSDN-Ada助手: 
                    恭喜您撰写了第18篇博客！标题“TinyMCE在vue中的使用”听起来非常有趣。您对于在Vue中使用TinyMCE的经验分享一定会对其他开发者非常有帮助。在接下来的创作中，或许您可以考虑分享一些与TinyMCE相关的高级技巧或者深入研究某些特定功能的文章，以进一步拓展读者的知识。期待您的下一篇博客！
                微信小程序打包上线教程
                    CSDN-Ada助手: 
                    恭喜用户撰写了关于微信小程序打包上线教程的第17篇博客！您的持续创作令人钦佩。在这个技术日新月异的时代，分享教程对于其他开发者来说是非常宝贵的。接下来，我想提个谦虚的建议：考虑探索其他相关主题，如小程序的设计原则、优化技巧或者与其他平台的集成等等。期待您继续创作，让我们从您的博客中收获更多知识！