Javascript 如何将onclick事件更改为on mouseover
我是javascript新手,我对将Javascript 如何将onclick事件更改为on mouseover,javascript,html,Javascript,Html,我是javascript新手,我对将onclick事件更改为mouseover有疑问,请帮助 <script> $(document).ready(function() { (function ($) { $.fn.readmore = function (settings) { var opts = $.extend({}, $.fn.readmore.defaults, settings); this.each(function () {
onclick
事件更改为mouseover
有疑问,请帮助
<script>
$(document).ready(function() {
(function ($) {
$.fn.readmore = function (settings) {
var opts = $.extend({}, $.fn.readmore.defaults, settings);
this.each(function () {
$(this).data("opts", opts);
if ($(this).html().length > opts.substr_len) {
abridge($(this));
linkage($(this));
}
});
function linkage(elem) {
elem.append(elem.data("opts").more_link);
elem.children(".more").click( function () {
$(this).hide();
$(this).siblings("span:not(.hidden)").hide().siblings("span.hidden").animate({'opacity' : 'toggle'},1000);
});
}
function abridge(elem) {
var opts = elem.data("opts");
var txt = elem.html();
var len = opts.substr_len;
var dots = "<span>" + opts.ellipses + "</span>";
var charAtLen = txt.substr(len, 1);
while (len < txt.length && !/\s/.test(charAtLen)) {
len++;
charAtLen = txt.substr(len, 1);
}
var shown = txt.substring(0, len) + dots;
var hidden = '<span class="hidden" style="display:none;">' + txt.substring(len, txt.length) + '</span>';
elem.html(shown + hidden);
}
return this;
};
$.fn.readmore.defaults = {
substr_len: 500,
ellipses: '…',
more_link: '<a class="more">Read More</a>'
};
})(jQuery);
$(function(){
$('.des_details').readmore({ substr_len: 150 });
});
});
</script>
$(文档).ready(函数(){
(函数($){
$.fn.readmore=函数(设置){
var opts=$.extend({},$.fn.readmore.defaults,设置);
这个。每个(函数(){
$(此).data(“opts”,opts);
if($(this.html().length>opts.substr_leng){
节录($(本));
联系($(本));
}
});
功能链接(elem){
元素附加(元素数据(“opts”)。更多链接);
元素子元素(“.more”)。单击(函数(){
$(this.hide();
$(this.sides(“span:not(.hidden)”).hide().sides(“span.hidden”).animate({'opacity':'toggle'},1000);
});
}
功能摘要(elem){
var opts=要素数据(“opts”);
var txt=elem.html();
var len=opts.substr_len;
var dots=“”+选择椭圆+”;
var charAtLen=txt.substr(len,1);
while(len
有什么建议吗?试试这段代码
$(urid).trigger('mouseover');
有一个关于.hover()的API文档,它解释了我认为您要做的事情。希望这有帮助 你在哪里
elem.children(".more").click( function ()
换成
elem.children(".more").hover( function ()
您能将您的代码格式化为代码视图吗?您有什么疑问吗?@Alxandr:可能
elem.children(.more”)。单击(…
这只会触发mouseover
事件(如果存在)。问题是将onclick
事件更改为mouseover
事件。如果您放置了“console.log('test'))在该函数中,它会在鼠标悬停时启动console.log吗?