JavaScript中的点击事件

1.自动触发一个元素的点击事件

$('#btn').click();

2.为某个元素添加点击事件：推荐使用第一种

第一种方式：使用JQuery，为其绑定点击事件

<body><p>我是苹果</p><p>我是橘子</p><p>我是菠萝</p>
</body>

<script src="jquery-1.8.0.min.js"></script>
<script>
$(document).ready(function(){$("p").click(function(){alert($(this).html());});
});
</script>

第二种方式：利用元素的onclick事件属性直接指定要触发的点击事件

<body><p onclick = "clickEvent(this)">我是苹果</p><p>我是橘子</p><p>我是菠萝</p>
</body>

<script src="jquery-1.8.0.min.js"></script>
<script>
function clickEvent(e){alert($(e).text());
}
</script>

JavaScript中的点击事件相关推荐

react中绑定点击事件_在React中绑定事件处理程序的最佳方法
react中绑定点击事件 by Charlee Li 通过李李在React中绑定事件处理程序的最佳方法 (The best way to bind event handlers in React) ...
fragment类中的点击事件空指针异常
点击事件要写在 onActivityCreated中另外一种写法: 这种覆写onClick()方法,在这个方法写点击事件的时候是没有反应的 @Overridepublic void onClick( ...
vue中el-radio-group点击事件，双击取消
vue中el-radio-group点击事件普通用法需要实现双击取消普通用法需要注意,如果@change事件除了当前选中的单选按钮的label值,还需要带上另外的参数,则需要用event来代替 ...
react中onClick点击事件
react中onClick点击事件里的函数必须是箭头函数,不能在onClick{}括号里直接调用函数,不然相当于onClick{调用完的值},根本不会有效了,所以有这几种写法 1. 2. 3.
JavaScript中的拖拽事件且限制出界
JavaScript中的拖拽事件限制出界 JavaScript事件中很多都会用到拖拽,而在现实中很多拖拽是会限制在浏览器界面禁止出界的,下面是封装好的限制出界的拖拽事件. function drag( ...
JavaScript的按钮点击事件绑定
JavaScript的按钮点击事件绑定: <!DOCTYPE html> <html lang="en"> <head><meta cha ...
css隐藏元素触发点击事件,css隐藏元素的几种方法中可以触发点击事件的是？...
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...
html 隐藏元素点击事件,css隐藏元素的几种方法中可以触发点击事件的是？
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...
easyui中linkbutton连续点击事件
easyui中linkbutton连续点击事件 <a id="voice" class="easyui-linkbutton easyui-tooltip" ...

JavaScript中的点击事件

JavaScript中的点击事件相关推荐

最新文章

热门文章