How do I remove the javascript event handler on this link and turn it into a regular link?

Question

I have a Sharepoint 2010 page with a link that opens a web-based version of Excel. I want to strip the onclick and onmousedown events from the link and turn it into a regular link that simply downloads the excel file. I tried using this jquery code to strip the event handlers from the 3rd item in the 1st row of the table (see code below), but it didn't work. Is it possible to manipulate these javascript events to create a regular link?

$(window).load(function() { 
    $(".ms-vb-title a").attr("onmousedown",alert("Test"));  
});







Employee Roster
  

4/11/2019 4:20 PM
John Smith

mwilson · Accepted Answer

It appears that you cannot unbind an onmousedown event with off or unbind. However, you can destroy that by just setting the attribute to null

$('.ms-vb-title a').attr('mousedown', null); // <-- Remember to put quotes around your selector

If this isn't working and the event is still attached to it, I would verify your selector is correct. I remember when I worked in SharePoint, the DOM was a complete mess (duplicate ids all over the place among other things) and I would always be fighting to figure out the correct selector.

If you're looking for advice on the downloading part, you can easily convert a link into a download object (or create a hidden one).

let csvData = `data:text/csv;charset=utf-8, ${myCsvData}`;
let encodedUri = encodeURI(csvData);
let link = document.createElement('a');
link.href = encodedUri;
link.download = 'mycsv.csv';
document.body.appendChild(link);
link.click(); // <-- will trigger the actual download process

function test() {
  alert('tst');
}

$(document).ready(() => {
  const button = $('button');
  // button.off('onmousedown'); // <-- wont work
  // button.unbind('onmousedown'); // <-- wont work
  // button.off('mousedown'); // <-- wont work
  // button.unbind('mousedown'); // <-- wont work
  // button.attr('onmousedown', null); // <-- uncomment to kill onmousedown event
})

How do I remove the javascript event handler on this link and turn it into a regular link?

Answers (1)

Related Questions