JavaScript&&点击事件执行函数

通过点击事件执行函数是常见的执行函数方式，如何实现有以下几种方式。

基于用户点击触发

onclick执行函数

<div style="width: 80px;height: 60px;" onclick="memberControl()">成员管理</div>

ng-click执行函数

<div style="width: 80px;height: 60px;" ng-click="stopShareScreen()">停止共享</div>

"ng-click"是JavaScript的angular框架中常见的点击执行函数方式

监听元素的点击事件

此处以类为play_video的button元素为例。

<button id="806727833785254500" class="play_video">播放</button>
<script src="/static/jquery/jquery-1.11.0.min.js"></script>

<script type="text/javascript">
		    //定义监听事件
		    $(function(){
			    //监听".play_video"标签的点击事件
			    $(".play_video").click(function(){
				    //获取触发点击事件的标签。"$(this)"代表触发点击事件的标签
				    //获取id值
				    var play_video_id = $(this).attr("id");
				    var play_video_url = "http://www.test.com/player.html?play_video_id=" + play_video_id;
				    window.open(play_video_url , 'dfq', 'height=400, width=600');
			    });
		    });
		</script>

基于函数模拟点击事件

基于jQuery的函数模拟点击事件

window.onload = function() {
    setTimeout(
        function(){
            $(".screenShare").click();
		},10000);
}